CSS Style de Table

Rembourrage de Table CSS

Pour ajouter un peu plus d'espace entre les bordures intérieures et le contenu d'une table, utilisez la propriété padding sur les éléments <td> et <th> :

Séparateurs Horizontaux CSS

Pour créer des séparateurs horizontaux dans une table, ajoutez la propriété border-bottom aux éléments <th> et <td> :

Table CSS Survolable

Utilisez le sélecteur CSS :hover sur <tr> pour mettre en surbrillance les lignes de la table au survol de la souris :

Table CSS Rayée Zebra

Pour les tables rayées, utilisez le sélecteur nth-child() et ajoutez une background-color à toutes les lignes de table paires (ou impaires) :

Couleur de Table CSS

L'exemple ci-dessous spécifie une couleur de fond et une couleur de texte pour les éléments <th> :