HTML Table Zebra Striped otomatis



Assalamu'alaikum wr wb, pada kesempatan kali ini kita akan membahas seputar html dasar. mumpung saya ada waktu luang yang akan kita buat ialah table striped. Table zebra striped adalah layaknya model table yang sering kita jumpai pada word atau excel. masing-masing kolom pada table memiliki warna yang berseling-seling. Atau disebut table warna warni html :v.

Oke ya langsung saja ke cara pembuatannya ya.. bikin table dasar html nya dulu seperti ini.


Nanti akan tampil table sederhana, kemudian masukan css diatas <table> atau dibawah </table>.


perubahaan nya :D


Oke coba lihat perubahaan nya . table akan di warna berdasarkan nth-child nya. even ini pada nth-child berfungsi mewarnai pada kolom/column kedua, sedangkan odd sama seperti even tapi hanya mewarnai bagian kolom pertama. yang paling atas mendefine atau mendefinisikan warna table header <th> agar warnanya ditetapkan secara manual.

Oke itu saja yang bisa sampaikan. jika masih bingung di berkomentar disini . pasti akan secepatnya terima kasih..


Kategori :
Facebook twitter Google

Related Post

Berlangganan update artikel terbaru via email:

0 Komentar