Znanje o določanju stilov, ki smo ga pridobili v prejšnjih lekcijah, lahko uporabimo tudi za oblikovanje v tabelah.

th, td {
font-family: Georgia, "Times New Roman", Times;
font-size: 1.3em;
font-weight: 900;
color: grey;
letter-spacing: .1em;
}

Karakteristika, ki je posebej uporabna pri tabelah, je barva ozadja. Z njo lahko poudarimo določene celice.

td.siva {
background-color: lightgray;
}

Podarimo lahko tudi vrstice.

tr.siva {
background-color: lightgray;
}

Če želimo poudariti samo določene celice, je nujno potrebno, da zanje določimo poseben razred. V zgornjem primeru je to razred siva.

Koda HTML bi bila:

<table>
<tr>
<td>Ena</td>
<td>Dva</td>
<td>Tri</td>
</tr>
<tr class="siva">
<td>Pomembno 1</td>
<td>Pomembno 2</td>
<td>Pomembno 3</td>
</tr>
</table>