Gewusst wie: Tisch mit Zebrastreifen
Erfahren Sie, wie Sie mit CSS eine Tabelle mit Zebrastreifen erstellen.
Zebra, der einen Tisch streift
Vorname | Nachname | Punkte |
---|---|---|
Jill | Schmied | 50 |
Vorabend | Jackson | 94 |
Adam | Johnson | 67 |
Um eine Tabelle mit Zebrastreifen zu erstellen, verwenden Sie den nth-child()
Selektor und fügen Sie allen geraden (oder ungeraden) Tabellenzeilen eine Hintergrundfarbe hinzu:
Beispiel
tr:nth-child(even) {
background-color: #f2f2f2;
}
Gehen Sie zu unserem CSS-Tabellen-Tutorial , um mehr über das Gestalten von Tabellen zu erfahren.
Gehen Sie zu unserer CSS-Selektor-Referenz , um mehr über den Selektor nth-child() zu erfahren.