<html><body>
<BR>
table - color
<table cellspacing=6 bgcolor=orange border>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image
<table cellspacing=6 background="../images/box1.gif" border>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color, image
<table cellspacing=6 background="../images/box1.gif" bgcolor=orange border>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

cell - color
<table cellspacing=6 border>
 <tr>
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
</table>
<BR>

cell - image
<table cellspacing=6 border>
 <tr>
  <td background="../images/box2.gif">foo</td>
  <td>bar</td></tr>
</table>
<BR>

cell - color, image
<table cellspacing=6 border>
 <tr>
  <td background="../images/box2.gif" bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color; cell - color
<table cellspacing=6 bgcolor=orange border>
 <tr>
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image; cell - color
<table cellspacing=6 background="../images/box1.gif" border>
 <tr>
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image; cell - image
<table cellspacing=6 background="../images/box1.gif" border>
 <tr>
  <td background="../images/box2.gif">foo</td>
  <td>bar</td></tr>
</table>
<BR>

row group color
<table cellspacing=6 border>
 <tbody style="background-color: red;">
  <tr>
   <td>foo</td>
   <td>bar</td></tr>
 </tbody>
</table>
<BR>

row group color
<table cellspacing=6 border>
 <tbody style="background-color: red;">
  <tr>
   <td>foo</td>
   <td>bar</td></tr>
 </tbody>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

row color
<table cellspacing=6 border>
 <tr bgcolor=red>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

row color
<table cellspacing=6 border>
 <tr bgcolor=red>
  <td>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

row image
<table cellspacing=6 border>
 <tr background="..\images\box3.gif">
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color, row color
<table cellspacing=6 bgcolor=orange border>
 <tr bgcolor=red>
  <td>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image, row color
<table cellspacing=6 background="../images/box1.gif" border>
 <tr bgcolor=red>
  <td>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color; row image
<table cellspacing=6 bgcolor=orange border>
 <tr background="..\images\box3.gif">
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image, row image
<table cellspacing=6 background="../images/box1.gif" border>
 <tr background="../images/box3.gif">
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color; row color; cell color
<table cellspacing=6 bgcolor=orange border>
 <tr bgcolor=red>
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - image; row color; cell color
<table cellspacing=6 background="../images/box1.gif" border>
 <tr bgcolor=red>
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color; row image; cell color
<table cellspacing=6 bgcolor=orange border>
 <tr background="..\images\box3.gif">
  <td bgcolor=#FF55DD>foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

table - color; row color; cell image
<table cellspacing=6 bgcolor=orange border>
 <tr bgcolor=red>
  <td background="../images/box2.gif">foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>
<BR>

col group color
<table cellspacing=6 border>
 <colgroup style="background-color: red;">
  <col>
 </colgroup>
 <tr>
  <td>foo</td></tr>
</table>
<BR>

col color
<table cellspacing=6 border>
 <col style="background-color: red;">
 <tr>
  <td>foo</td></tr>
</table>
<BR>

table - image; row image; cell image
<table cellspacing=6 background="../images/box1.gif" border>
 <tr background="../images/box3.gif">
  <td background="../images/box2.gif">foo</td>
  <td>bar</td></tr>
 <tr>
  <td>foo</td>
  <td>bar</td></tr>
</table>

<BR>
table - color, tbodies color, row color
<table style="padding:6px;" cellspacing=4 bgcolor=orange border>
 <tbody bgcolor=red>
  <tr bgcolor=yellow>
   <td>foo</td></tr>
  <tr>
   <td>foo</td></tr>
 </tbody>
 <tbody bgcolor=green>
 <tr bgcolorx=green>
  <td>foo</td>
  </tr>
  </tbody>
</table>

<BR>
col image
<table style="padding:6px;" cellspacing=4 border>
  <col style="background-image: url(../images/box1.gif); background-color:red">
  <tr>
   <td>foo</td><td>bar</td></tr>
  <tr>
   <td>foo</td><td>bar</td></tr>
</table>

<BR>
table color; col group color; col color; row color; cell color
<table bgcolor=orange cellspacing=4 border>
 <colgroup style="background-color: #FF0000">
  <col style="background-color: #FF9999;">
  <col>
 </colgroup>
 <colgroup style="background-color: #0000FF">
  <col>
  <col style="background-color: #9999FF;">
 </colgroup>
  <tr style="background-color: yellow;">
   <td>foo</td><td style="background-color: orange;">bar</td><td>foo</td><td>bar</td></tr>
  <tr>
   <td>foo</td><td>bar</td><td>foo</td><td>bar</td></tr>
  <tr>
   <td>foo</td><td>bar</td><td>foo</td><td>bar</td></tr>
</table>
-->
</body></html>
