Comment - Table à rayures zébrées
Apprenez à créer un tableau à rayures zébrées avec CSS.
Zebra Striping une table
Prénom | Nom de famille | Points |
---|---|---|
Julie | Forgeron | 50 |
Veille | Jackson | 94 |
Adam | Johnson | 67 |
Pour créer un tableau zébré, utilisez le nth-child()
sélecteur et ajoutez une couleur d'arrière-plan à toutes les lignes paires (ou impaires) du tableau :
Exemple
tr:nth-child(even) {
background-color: #f2f2f2;
}
Accédez à notre didacticiel sur les tableaux CSS pour en savoir plus sur la façon de styliser les tableaux.
Accédez à notre référence de sélecteur CSS pour en savoir plus sur le sélecteur nth-child().