Tabellen met kleur en achtergrondafbeelding

Net zoals je de pagina zelf van een kleur of achtergrondafbeelding kunt voorzien kun je ook een tabel en zelfs afzonderlijke cellen een kleur geven met het attribuut BGCOLOR.

• In de <TABLE>-tag zorgt de aanduiding ervoor dat de hele tabel gevuld wordt. Bij Internet Explorer krijgt ook de omlijsting deze kleur terwijl NetScape die wit laat.
• Als extra bij de tag <TR> zorgt het voor een gekleurde tabel rij.
• Voor kleuren in afzonderlijke cellen voorzie je de tag <TD> van kleurgegevens.

De celkleur heeft de hoogste prioriteit, gevold door rijkleur en als laatste tebelkleur.

<table border="3" cellpadding="0" cellspacing="0" bgcolor="Khaki">
<tr>
<td>Voornaam</td>
<td>Plaats</td>
<td>Land</td>
</tr>
<tr bgcolor="ccffcc">
<td>Marco</td>
<td bgcolor="ccccff">Rome</td>
<td>Ital&iuml;e</td>
</tr>
<tr>
<td>Dennis</td>
<td bgcolor="ccccff">Parijs</td>
<td>Frankrijk</td>
</tr>
</table>

Naar boven

Inplaats van BGCOLOR kun je ook het attribuut BACKGROUND opgeven, om een afbeelding als tabelachtergrond te gebruiken. Let er hier ook op dat in IE en NS de tabellen verschillend weergegeven worden. Internet Explorer negeert zelfs dit attribuut als het in de <TR>-tag staat.

<table width="300" border="3" cellpadding="0" cellspacing="0" background="../images/rocks.jpg">
<tr background="../images/bg5.gif">
<td>Voornaam</td>
<td>Plaats</td>
<td>Land</td>
</tr>
<tr>
<td>Marco</td>
<td background="../images/wood.jpg">Rome</td>
<td>Ital&iuml;e</td>
</tr>
<tr>
<td>Dennis</td>
<td background="../images/wood.jpg">Parijs</td>
<td>Frankrijk</td>
</tr>
</table>

Naar boven