Come creare: Tabella a strisce zebra

Impara come creare una tabella a strisce zebra con CSS.

Tabella a strisce zebra

Nome Cognome Punti
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Per creare una tabella a strisce zebra, usa: :nth-child() Selettore, aggiungi sfondo di colore a tutte le righe pari (o dispari):

Esempio

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

Prova personalmente

Pagine correlate

Tutorial:Tabella CSS

Manuale di riferimento:Selettore CSS nth-child()