re-
VISION

PHOTOGRAPHY AND GRAPHICS BY JAY BOERSMA

WebworkTable Color Tags
 
 

A simple table followed by the HTML that created it:

One Two
Three Four

<table border="1" cellpadding="25">
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</table>



The same table with bgcolor (background color) tags added:

One Two
Three Four

<table border="1" cellpadding="25">
<tr>
<td bgcolor="#0000ff">One</td>
<td bgcolor="#00ff00">Two</td></tr>
<tr>
<td bgcolor="#0000ff">Three</td>
<td bgcolor="#ffff00">Four</td></tr>
</table>


The same table with border="0" and cellspacing="0":

One Two
Three Four

<table border="0" cellpadding="25" cellspacing="0">
<tr>
<td bgcolor="#0000ff">One</td>
<td bgcolor="#00ff00">Two</td></tr>
<tr>
<td bgcolor="#0000ff">Three</td>
<td bgcolor="#ffff00">Four</td></tr>
</table>



A more elegant example of a table with bgcolored cells:


 
 
The ability to add color to table cells,
combined with BORDER=0 and the various
positioning options, gives the web author
a much enhanced set of page design tools.
 
 


(The rounded corners are made with GIF images:     )


<Previous | Webwork Table of Contents | Next>