Sunday, March 28, 2010

Adding Background Images to Tables

Adding background images to tables and it's cells can make a table look more interesting, although it is not always recommended as it could make the table look untidy.

A background image can be added by using the "BACKGROUND" attribute. This attribute can be placed within the <table> tag to give the whole table a background image, or within the <tr>, <th> or <td> tags to give that specific row or cell a background image.

For example:

<table background = "images/exampleBG.png">
<tr>
<td>
<p>This code here...</p>
</td>
</tr>
</table>