CSS ile Zebra Desenli Tablo Yapımı

CSS | 05 Eylül, 2015

Tablolardaki alt alta listelenen kayıtları ayırt etmekte zorlanabiliriz bunu önlemek için ve de daha güzel görünmesi için kullanırız.

Kullanıcağımız CSS kodumuz:

tr:nth-child(odd) { background: #f9f9f9}

Burada demek istediğimiz Tek(odd) olanların arka plan rengini #f9f9f9 rengi yap. Çift olanları isteseydik onun içinde Çift(even) kullanıcaktık.

CSS ile yapılmış Örnek Zebra Desenli Tablomuz: