Membuat Efek Table Zebra dengan CSS3

Pernahkah anda membuat desain table dengan MS. Office Word? Kemudian anda memberikan tampilan yang bagus dengan memberikan perbedaan warna yang berulang pada setiap barisnya. Nah, dengan CSS3 kita juga bisa membuat desain table seperti itu. Caranya sangat mudah, tanpa pikir panjang lagi yuk kita coba membuatnya.

Pertama, anda mesti buat dulu struktur tablenya dalam HTML seperti berikut:

Jika sudah, silahkan berikan kode CSS seperti berikut:

Nah, jika anda simpan dokumen HTML dan CSSnya, kemudian anda lihat di browser maka akan tampil desain table seperti gambar di bawah ini:

Selamat mencoba, jika masih ada yang tidak mengerti silahkan bertanya. Sampai jumpa di tips trik berikutnya.