Wie man erstellt: Zebrastreifen-Tabelle
- Previous page Sort table
- Next page Centered table
Lerne, wie man mit CSS Zebrastreifen-Tabellen erstellt.
Zebrastreifen-Tabelle
| Vorname | Nachname | Punkte |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| Adam | Johnson | 67 |
Um ein Zebrastreifen-Tabelle zu erstellen, verwenden Sie :nth-child() Wähle den Selector und füge eine Hintergrundfarbe für alle geraden (oder ungeraden) Zeilen hinzu:
Beispiel
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
