Comment créer : Tableau à bandes

Apprenez à créer un tableau à bandes avec CSS.

Tableau à bandes

Prénom Nom de famille Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Pour créer un tableau en diagonale, utilisez :nth-child() Sélectionneur, et ajoute une couleur de fond pour toutes les lignes paires (ou impaires) :

Exemple

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Essayez personnellement

Pages associées

Tutoriel :Tableau CSS

Référence manuelle :Sélecteur CSS nth-child()