Hur man skapar: Zebrastrimmig tabell

Lär dig hur du använder CSS för att skapa zebrastrimmiga tabeller.

Zebrastrimmig tabell

Förnamn Efternamn Poäng
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

För att skapa en zebra-tabell, använd :nth-child() Välj en väljare och lägg till bakgrundsfärg för alla jämna (eller udda) rader:

Exempel

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Prova själv

Relaterade sidor

Lär dig:CSS-tabeller

Referenshandbok:CSS nth-child() -väljare