So sieht normalerweise eine blinde Tabelle mit einer einheitlichen Hintergrundfarbe für einzelne Tabellenzeilen aus:


Zelle 1Zelle 2
Zelle 3Zelle 4

HTML-Markup:

<TABLE>
<TR bgcolor="#FF00FF"><TD>Zelle 1</TD><TD>Zelle 2</TD>
<TR bgcolor="#00FF80"><TD>Zelle 3</TD><TD>Zelle 4</TD>
</TABLE>



Und so kann sie aussehen, wenn man dem TABLE-Tag zusätzlich die Attribute cellspacing und border hinzufügt und beiden Attributen den Wert "0" zuweist:


Zelle 1Zelle 2
Zelle 3Zelle 4

HTML-Markup:

<TABLE cellspacing="0" border="0">
<TR bgcolor="#FF00FF"><TD>Zelle 1</TD><TD>Zelle 2</TD>
<TR bgcolor="#00FF80"><TD>Zelle 3</TD><TD>Zelle 4</TD>
</TABLE>



Um die in einem solchen Fall sehr dichten Zellen etwas "auseinander zu ziehen", kann man dem TABLE-Tag zusätzlich das Attribut cellpadding mit einem bestimmten Wert hinzufügen:


Zelle 1Zelle 2
Zelle 3Zelle 4

HTML-Markup:

<TABLE cellspacing="0" border="0" cellpadding="3">
<TR bgcolor="#FF00FF"><TD>Zelle 1</TD><TD>Zelle 2</TD>
<TR bgcolor="#00FF80"><TD>Zelle 3</TD><TD>Zelle 4</TD>
</TABLE>