Click Here for FREE Web Hosting!

Home >> Fonts >> Fonts in Tables

Fonts in Tables

Font Family

Table Rows and Cells

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

Fonts in Tables

Font Family