Bagaimana Membuat: Tabel Zebra
- Halaman sebelumnya Tata letak tabel diurutkan
- Halaman berikutnya Tabel di tengah
Belajar bagaimana menggunakan CSS untuk membuat tabel zebra.
Tabel Zebra
| Nama Depan | Nama Terakhir | Points |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| Adam | Johnson | 67 |
Untuk membuat tabel zebra, gunakan :nth-child() Pilih pemilih, dan tambahkan warna latar untuk semua baris genap (atau ganjil):
Contoh
tr:nth-child(even) {
background-color: #f2f2f2;
}
Halaman yang berhubungan
Panduan:Tabel CSS
Panduan referensi:Pemilih CSS nth-child()
- Halaman sebelumnya Tata letak tabel diurutkan
- Halaman berikutnya Tabel di tengah
