Professional Web Design

Lad os fjerne CELLPADDING og CELLSPACING og gå tilbage til vores simple lille tabel.

<TABLE BORDER=3>

<TR>
<TD>Per</TD>
<TD>Jesper</TD>
<TD>Thomas</TD>
</TR>

<TR>
<TD>Anja</TD>
<TD>Michael</TD>
<TD>Radu</TD>
</TR>

</TABLE>

Per Jesper Thomas

Anja Michael Radu

En cool feature i nyere browsere er muligheden for at angive baggrundsfarve for tabel celler, rækker eller hele tabellen. Du bruger BGCOLOR præcis ligesom i <BODY> tag'et.

<TABLE BORDER=3 BGCOLOR="#FFCC66">

<TR>
<TD>Per</TD>
<TD>Jesper</TD>
<TD>Thomas</TD>
</TR>

<TR>
<TD>Anja</TD>
<TD>Michael</TD>
<TD>Radu</TD>
</TR>

</TABLE>

Per Jesper Thomas

Anja Michael Radu

<TABLE BORDER=3>

<TR BGCOLOR="#FF9999">
<TD>Per</TD>
<TD>Jesper</TD>
<TD>Thomas</TD>
</TR>

<TR BGCOLOR="#99CCCC">
<TD>Anja</TD>
<TD>Michael</TD>
<TD>Radu</TD>
</TR>

</TABLE>

Per Jesper Thomas

Anja Michael Radu

<TABLE BORDER=3>

<TR BGCOLOR="#FFCCFF">
<TD>Per</TD>
<TD>Jesper</TD>
<TD>Thomas</TD>
</TR>

<TR>
<TD BGCOLOR="#FF0000">Anja</TD>
<TD>Michael</TD>
<TD BGCOLOR="#3366FF">Radu</TD>
</TR>

</TABLE>

Per Jesper Thomas

Anja Michael Radu

Her er en handy oversigt jeg bruger til at vælge baggrundsfarver. Der er også to kort i HTML format, et med 216 farver og et andet med 1536 farver. Du kan også bruge Color Picker til at lege med farver.

En ting til om disse baggrundsfarver... a <TD> bgcolor vil overskrive en <TR> bgcolor og en <TR> bgcolor vil overskrive <TABLE> bgcolor. Ikke fordi de behøver yderligere forklaring, men jeg morer mig med dette, så her er et eksempel:

<TABLE BORDER=3 BGCOLOR="#FF6633">

<TR BGCOLOR="#009900">
<TD BGCOLOR="#9999FF">Per</TD>
<TD>Jesper</TD>
<TD>Thomas</TD>
</TR>

<TR>
<TD>Anja</TD>
<TD>Michael</TD>
<TD>Radu</TD>
</TR>

</TABLE>

Per Jesper Thomas

Anja Michael Radu