Zebra Style in CSS

Literatürde tam olarak bir adı var mı yoksa uzun uzun tarif ediliyor mu bilmiyorum ama CSS’te bir tablonun okunurluğunu artırmak için 1. 3. 5. gibi tek sayılı satırların koyu arka plana sahip olup 0. 2. 4. gibi çift sayılı satırların açık renk arka plana sahip olması gereken durumlarda yazdığımız kodlara ben Zebra Style diyorum😀

Neyse, işte örnek CSS kodu, ve bir table tarafından kullanıldığında oluşan ekran alıntısı:

 .zebraStyle {
  tr:nth-child(even) {background: #CCC}
  tr:nth-child(odd) {background: #FFF}
 }

3 Yorum

Filed under CSS

3 responses to “Zebra Style in CSS

  1. Bunun gibi bir şey yapmaya çalışıyordum. Adını öğrendiğimde iyi oldu🙂. Teşekkürler.

  2. Geri bildirim: Zebra Style in CSS – 2 | Timur Aykut YILDIRIM

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s