zebra-stripes-css3

Zebra strip adalah memberi style yang berbeda pada setiap baris pada table atau list. Tujuannya agar list atau table yang ditampilkan lebih mudah terbaca.

Gini lho cara membuat zebra stripes atau strip selang seling pada table atau pada list murni menggunakan CSS3 tanpa Javascript.

ul#list li {
background-color:#fff; /*warna default*/
}
ul#list li:nth-child(odd) {
background-color:#ececec; /*warna untuk list / baris ganjil */
}

Mudah, bukan?