The resulting style sheet...
CAPTION.MYTABLE
{
background-color:#8080ff;
color:white;
border-style:solid;
border-width:2px;
border-color:black;
}
TABLE.MYTABLE
{
font-family:arial;
font-size:10pt;
background-color:#808080;
width:500px;
border-style:solid;
border-color:black;
border-width:2px;
}
TH.MYTABLE
{
font-size:10pt;
color:white;
}
TR.MYTABLE
{
}
TD.MYTABLE
{
font-size:10pt;
background-color:#409040;
color:white;
border-style:solid;
border-width:1px;
text-align:center;
}
|
The table source code
<TABLE CLASS="MYTABLE">
<CAPTION CLASS="MYTABLE">Table Caption</CAPTION>
<THEAD >
<TR CLASS="MYTABLE">
<TH CLASS="MYTABLE">Column One</TH>
<TH CLASS="MYTABLE">Column Two</TH>
<TH CLASS="MYTABLE">Column Three</TH>
</TR>
</THEAD>
<TBODY>
<TR CLASS="MYTABLE">
<TD CLASS="MYTABLE">Row 1, Column 1</TD>
<TD CLASS="MYTABLE">Row 1, Column 3</TD>
<TD CLASS="MYTABLE">Row 1, Column 3</TD>
</TR>
<TR CLASS="MYTABLE">
<TD CLASS="MYTABLE">Row 2, Column 1</TD>
<TD CLASS="MYTABLE">Row 2, Column 3</TD>
<TD CLASS="MYTABLE">Row 2, Column 3</TD>
</TR>
<TR CLASS="MYTABLE">
<TD CLASS="MYTABLE">Row 1, Column 3</TD>
<TD CLASS="MYTABLE">Row 3, Column 3</TD>
<TD CLASS="MYTABLE">Row 3, Column 3</TD>
</TR>
</TBODY>
</TABLE>
|