Table Rows and Cells
In the
previous page
we looked at setting the fonts of an entire table. In this page we'll look at setting the fonts for just a single row or cell.
We'll use the same style rule (in a STYLE tag or in a style sheet file) as from the previous page:
.boldtable, .boldtable TD, .boldtable TH
{
font-family:sans-serif;
font-size:20pt;
color:white;
background-color:navy;
}
We can apply this rule to a row by setting the
class of the row to
boldtable.
<TABLE BORDER>
<TR CLASS="boldtable"> <TH>fruit</TH> <TH>state</TH> </TR>
<TR> <TD>apples</TD> <TD>Washington</TD> </TR>
<TR> <TD>pineapples</TD> <TD>Hawaii</TD> </TR>
</TABLE>
which gives us this table
| fruit | state |
| apples | Washington |
| pineapples | Hawaii |
We can also apply the rule to a single cell by setting the clas of the cell to boldtable:
<TABLE BORDER>
<TR> <TH>fruit</TH> <TH>state</TH> </TR>
<TR> <TD>apples</TD> <TD>Washington</TD> </TR>
<TR> <TD>pineapples</TD> <TD CLASS="boldtable">Hawaii</TD> </TR>
</TABLE>
which gives us this table
| fruit | state |
| apples | Washington |
| pineapples | Hawaii |
Copyright 1997-2002 Idocs, Inc. Written by Miko Sullivan.
| 
Current Users : 19 (Member 0)
