Nasıl Oluşturulur: Zebra Çizgili Tablo

CSS ile zebra çizgili tablo oluşturma nasıl yapılır öğrendiğinizi öğrenin.

Zebra Çizgili Tablo

İsim Soyadı Puanlar
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Bir çizgili tablo oluşturmak için kullanın :nth-child() Seçici, tüm çift (veya tek) satırlara arka plan rengi ekleyin:

Örnek

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

Deneyin

İlgili Sayfalar

Eğitim:CSS Tablosu

Referans Kılavuzu:CSS nth-child() Seçici