Nasıl Yapılır - Zebra Çizgili Masa
CSS ile zebra çizgili tablo oluşturmayı öğrenin.
Masayı Çizen Zebra
İlk adı | Soyadı | Puan |
---|---|---|
Jill | Smith | 50 |
Havva | Jackson | 94 |
Adem | Johnson | 67 |
Zebra çizgili bir tablo oluşturmak için nth-child()
seçiciyi kullanın ve tüm çift (veya tek) tablo satırlarına bir arka plan rengi ekleyin:
Örnek
tr:nth-child(even) {
background-color: #f2f2f2;
}
Tablolara nasıl stil uygulanacağı hakkında daha fazla bilgi edinmek için CSS Tabloları Eğitimimize gidin .
nth-child() seçicisi hakkında daha fazla bilgi edinmek için CSS Seçici Referansımıza gidin .