naar onze homepage
 HTML
Tips

Gekleurd kader rond een tabel met <table class="..."> en CSS (1)

Rood Groen Fuchsia

Gekleurd kader rond een tabel met <div class="..."><table>...</table></div> en CSS (2)

Rood Groen Fuchsia

Hoe doe je dat?
Experimenteer met width + style + color om een en ander te veranderen

Source (1)

<style type="text/css">
<!--
.tabelblauw { border-width: 1px;
border-style: solid;
border-color: #0000ff; }
// -->
</style>

<table class="tabelblauw" width="100%" cellpadding="2" cellspacing="2">
<tr>
<td>Rood</td>
<td>Groen</td>
<td>Fuchsia</td>
</tr>
</table>

Source (2)

<style type="text/css">
<!--
.tabelblauw { border-width: 1px;
border-style: solid;
border-color: #0000ff; }
// -->
</style>

<div class="tabelblauw">
<table width="100%" cellpadding="20" cellspacing="2">
<tr>
<td class="tabelblauw"> Rood</td>
<td class="tabelblauw"> Groen</td>
<td class="tabelblauw"> Fuchsia</td>
</tr>
</table>
</div>