Hoe te maken: Zebra streep tabel
- Previous page Sort table
- Next page Centered table
Leer hoe je een zebra streep tabel kunt maken met CSS.
Zebra streep tabel
| Voornaam | Achternaam | Punten |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| Adam | Johnson | 67 |
Om een zebrastraat tabel te maken, gebruik dan :nth-child() Selecteer een selector en voeg een achtergrondkleur toe aan alle eveneens (of oneven) regels:
Voorbeeld
tr:nth-child(even) {
background-color: #f2f2f2;
}
Related pages
Tutorial:CSS table
Reference manual:CSS nth-child() selector
- Previous page Sort table
- Next page Centered table
