Hoe OM - Zebra Gestreepte Tafel
Leer hoe om 'n sebra-gestreepte tafel met CSS te skep.
Sebrastrips 'n tafel
Eerste naam | Van | Punte |
---|---|---|
Jill | Smith | 50 |
Eva | Jackson | 94 |
Adam | Johnson | 67 |
Om 'n sebra-gestreepte tabel te skep, gebruik die nth-child()
kieser en voeg 'n agtergrondkleur by alle ewe (of onewe) tabelrye:
Voorbeeld
tr:nth-child(even) {
background-color: #f2f2f2;
}
Gaan na ons CSS-tabelle-tutoriaal om meer te wete te kom oor hoe om tabelle te stileer.
Gaan na ons CSS Selector Reference om meer te wete te kom oor die nth-child() selector.