How TO - Tavolo a strisce Zebra
Scopri come creare una tabella a strisce zebrate con CSS.
Zebra che stria un tavolo
Nome di battesimo | Cognome | Punti |
---|---|---|
Jill | fabbro | 50 |
vigilia | Jackson | 94 |
Adamo | Johnson | 67 |
Per creare una tabella a strisce zebrate, usa il nth-child()
selettore e aggiungi un colore di sfondo a tutte le righe della tabella pari (o dispari):
Esempio
tr:nth-child(even) {
background-color: #f2f2f2;
}
Vai al nostro tutorial sulle tabelle CSS per saperne di più su come applicare uno stile alle tabelle.
Vai al nostro CSS Selector Reference per saperne di più sul selettore nth-child().