Bagaimana untuk membuat: Tabel Bintik Zebra

Belajar bagaimana untuk menggunakan CSS untuk membuat tabel bintik zebra.

Tabel Bintik Zebra

Nama Depan Nama Belakang Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Untuk membuat tabel bintik zebra, gunakan :nth-child() Pilih pemilih, dan tambahkan warna latar untuk semua baris genap (atau ganjil):

实例

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Cuba cuba

Related Pages

Tutorial:Tabel CSS

Reference Manual:Pemilihan selector nth-child() CSS