Image Background for html tables

[realistic]

Html tables can contain image background, colored background and borders of different size. This is the example:

<TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
<TD BGCOLOR="#EAE8E8"></TD>
</TR>
</TABLE>

[kris]

Thank you for sharing about your code.it's help me a lot.

[lukepedru]

HTML tables are displayed within a web page to neatly align content. They can contain image backgrounds, colored backgrounds, borders of different sizes, and an unlimited number of rows and columns.
Example Code:
<table border=1 bgcolor=green>
<tr>
<td>
This is a row a column
</td>
<td>
This is a row b column
</td>
</tr>
<tr>
<td>
This is b row a column
</td>
<td background="……..jpg">
<br><br> Nice background
</td>
</tr>
</table>

[riaviente]

Originally Posted by realistic

Html tables can contain image background, colored background and borders of different size. This is the example:

<TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
<TR>
<TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
<TD BGCOLOR="#EAE8E8"></TD>
</TR>
</TABLE>

Thank you for sharing, realistic. This post is really helpful. I am starting to love this site.

[malkyb]

Some of the more advanced CMS systems allow you to set a background straight from the editor. The newer versions of DNN allow this, set individual borders / shading & all sorts!

[craig.johnson84]

You can use CSS to do this but you have to be very careful when using it. When using CSS, it is easier to make changes on your site.

[Pandadan]

can you share the sites with implement of this method?

[ross88online]

I have tried it when I was learning.But today I learnt it.

[mtrick]

you can use this

<table style="background:url('path); border 2px #000000 solid"><tr><td></td></tr></table>

[dagnyjbarber]

different options are there. you can use anyone. depend on the requirement.

[brianwilson085]

<table style="background-color:lightblue;">
<tr style="background-color:blue;color:white;">
<th>Table header</th><th>Table header</th>
</tr>
<tr>
<td width="20%">Table cell 1</td><td style="background-color:lightgreen;">Table cell 2</td>
</tr>
</table>