Cara - Meja Bergaris Zebra
Pelajari cara membuat tabel bergaris zebra dengan CSS.
Zebra Striping Meja
Nama depan | Nama keluarga | Poin |
---|---|---|
Jill | Smith | 50 |
malam | Jackson | 94 |
Adam | Johnson | 67 |
Untuk membuat tabel bergaris zebra, gunakan nth-child()
pemilih dan tambahkan warna latar ke semua baris tabel genap (atau ganjil):
Contoh
tr:nth-child(even) {
background-color: #f2f2f2;
}
Buka Tutorial Tabel CSS kami untuk mempelajari lebih lanjut tentang cara menata tabel.
Buka Referensi Pemilih CSS kami untuk mempelajari lebih lanjut tentang pemilih nth-child().