So sieht normalerweise eine blinde Tabelle mit einer einheitlichen Hintergrundfarbe für einzelne Tabellenzeilen aus:
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
<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 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
<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 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
<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>