HTML Taulukko reunuksilla

Taulukko näkyy perinteiseillä reunuksilla, jos et erikseen määrittele taulukollesi erottuvia reunuksia.

Reunus voidaan määrittää reunus atribuutilla:

Esimerkki

<table border="1" style="width:100%">
<tr>
<td>Tauno</td>
<td>Palo</td>
<td>50</td>
</tr>
<tr>
<td>Toni</td>
<td>Vilander</td>
<td>94</td>
</tr>
</table>
Note Reunus atribuutti toimii parhaiten CSS:ää käytettäessä.

Reunuksia lisätessäsi, käytä CSS reunus ominaisuutta:

Esimerkki:

table, th, td {
border: 1px solid black;
}

Muista määritellä reunukset taulukkoon ja taulukko soluihin.