Hallo teman teman pada kesempatan kali ini saya mau sharing tentang cara membuat table dengan warna yang selang seling , dimana yang akan kita gunakan yaitu seperti biasa menggunakan CSS 3 dan HTML 5 , okee cekidot ini caranya :

1. Buatlah struktur table nya , seperti yang saya contohkan seperti ini :

Capture

 

Okee jika sudah kita sekarang memberikan style kepada tablenya , ini caranya :

Capture2

Hasilnya akan menjadi seperti ini :

Capture3

Okee mungkin sedikit penjelasan , yang kita gunakan yaitu fungsi dari :nth-child(odd) , dimana odd ini mengambil fungsi urutan elemen ganjil yang akan di beri warna yang ditentukan dengan css3.

Okee itulah cara membuat table dengan warna selang – seling , semoga bermanfaat dan selamat mencoba 🙂