HTML Tables - Setting Backgrounds in Tables and Cells
(Page 6 of 7 )
Wanna make dem tables pertier? Woo-eee you betcha do. Well you can do so by using the bgcolor attribute to set the color, or the background attribute to set an image for the table's background:
<html>
<body>
<h2>How to Set the Background Color of a Table:</h2>
<table border="1"
bgcolor="brown">
<tr>
<td>Some</td>
<td>Text</td>
</tr>
</table>
<h2>How to Set a Background Image in a Table:</h2>
<table border="1"
background="somebackground.jpg">
<tr>
<td>More</td>
<td>Text</td>
</tr>
</table>
</body>
</html>
The above sets the color of one table, and an image as a background for another table. This is how to set the background color and background image for a cell within a table, as opposed to the entire table:
<html>
<body>
<h4>Cell backgrounds:</h4>
<table border="1">
<tr>
<td bgcolor="yellow">Color</td>
<td>No Color</td>
</tr>
<tr>
<td
background="sample.jpg">
Picture</td>
<td>No Picture</td>
</tr>
</table>
</body>
</html>
The above creates a table with four cells. One cell has a color in it and the cell next to it does not. In the second row, the first cell has an image for a background, while the cell to the right of it does not. Note that it is important to ensure your background (whether it be an image or a color) does not clash with your text. It is also important to ensure that your text is readable on the background that you choose; white text on a white background simply won't do, for example.
Next: Aligning Data within Your Cells >>
More HTML Articles
More By James Payne
