Paano Gumawa: Tabliya na Zebra Striping

Matututunan kung paano gumawa ng tabliya na Zebra Striping gamit ang CSS.

Tabliya na Zebra Striping

Unang pangalan Huling pangalan Puntos
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Para sa paglikha ng tabliya na Zebra Striping, gamitin ang :nth-child() Piliin ang selector, at magdagdag ng kulay ng bakgrund sa lahat ng kahon na kahonan (o kahon na kapitbahay) na linya:

Sample

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

Ating subukan

相关页面

教程：CSS 表格

参考手册：CSS nth-child() 选择器