ব্যাকগ্রাউন্ড (Background) Tutorials | SP Foundationbd

Background attribute এর সাহায্যে html টেবিলে ইমেজকে background image হিসাবে দেখানো যায়।

<table height="50" width="100"

background="http://www.SPFoundation.com/images/stories/imagel.jpg" >

<tr><td>This table has a background  image</td></tr>

</table>

প্রদর্শন:

This table has a background image

Html Background Repeat:

উপরের উদাহরনে দেখা গিয়েছে যে table এর আকার ছবির আকারের সমান বলে কোন সমস্যা হয় নি । যদি টেবিল এর আকার ছবির আকারের চেয়ে বড় হয় তবে background ছবি repeat হবে।

<table height="200" width="300"

background="http://www.SPFoundation.com/images/stories/imagel.jpg" >

<tr><td>This table has a background  image</td></tr>

</table>

প্রদর্শন:

This table has a background image

এইচটিএমএল প্যাটার্নড background

বিভিন্ন ফটো এডিটিং সফ্টওয়ার দিয়ে বিভিন্ন প্যাটার্নের background ছবি এরং ট্রান্সপারেন্ট background ছবি তৈরী করা যায়। ট্রান্সপারেন্ট ইমেজের ফাইলটিকে gif ফরমেটে রাখতে হবে jpeg ফরমেটে নয়।

<table height="100" width="150"

background="http://www.tizag.com/pics/htmlT/pattern.jpg" >

<tr><td>This table has a background patterned  image</td></tr>

</table>

প্রদর্শন:

This table has a background patterned image

<table  background="http://www.tizag.com/pics/htmlT/transparent.gif" >

<tr><td>This table has a red transparent background  image</td></tr>

</table>

প্রদর্শন:

This table has a red transparent background image