La propriété BORDER permet de mettre une bordure à un tableau ou à votre document HTML. Généralement, on associe cette propriété à la balise body mais on peut très bien créer une bordure pour un tableau.
Pour cet exemple, nous allons créer un tableau avec une bordure.
Exemple : Le code css
|
#tableau { border:3px solid; border-color:#000000; background-color:#FFFF00; } |
Exemple : le HTML associé au css
|
<table id="tableau"> <p>Un tableau avec une bordure de 3 pixels</p> </table> |
Et voici le résultat
Un tableau avec une bordure de 3 pixels |
Ici, nous avons mis une bordure pour les 4 côtés du tableau mais nous aurions très bien pu mettre des bordures seulement sur les parties du tableau que l'on voulait. Pour cela, 4 autres propriétés sont connus :