Sådan oprettes: Zebra stripes tabel

Lær hvordan man bruger CSS til at oprette zebra stripes tabeller.

Zebra stripes tabel

Fornavn Efternavn Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

For at oprette en zebra stripes tabel, brug :nth-child() Vælg selector og tilføj baggrundsfarve til alle jævnlynnede (eller uldanelige) rækker:

Eksempel

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

Prøv det selv

Relaterte sider

Tutorial:CSS tabell

Referansehåndbok:CSS nth-child() selector