How TO - Zebra gestreepte tafel
Leer hoe u een tabel met zebrastrepen maakt met CSS.
Zebrastrepen een tafel
Voornaam | Achternaam | Punten |
---|---|---|
Jill | Smit | 50 |
Vooravond | Jackson | 94 |
Adam | Johnson | 67 |
Om een tabel met zebrastrepen te maken, gebruikt u de nth-child()
selector en voegt u een achtergrondkleur toe aan alle even (of oneven) tabelrijen:
Voorbeeld
tr:nth-child(even) {
background-color: #f2f2f2;
}
Ga naar onze CSS-tabellen-tutorial voor meer informatie over het opmaken van tabellen.
Ga naar onze CSS Selector Reference voor meer informatie over de nth-child() selector.