如何创建:斑马条纹表格
- Kuwanan rarraba: Ɗauki Kuwanan rarraba: Ɗauki
- Kuwanan rarraba: Ɗauki Kuwanan rarraba: Ɗauki
学习如何使用 CSS 创建斑马条纹表格。
斑马条纹表格
First Name | Last Name | Points |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |
Adam | Johnson | 67 |
为了创建一个斑马线表格,请使用 :nth-child()
选择器,并为所有偶数(或奇数)行添加背景色:
实例
tr:nth-child(even) { background-color: #f2f2f2; }
Kuwanan rarraba: Ɗauki
Kuwanan rarraba: ƊaukiKuwanan rarraba: ɗauki ɗauki yaki
Kuwanan rarraba: ƊaukiKuwanan rarraba: ɗauki ɗauki yaki
- Kuwanan rarraba: Ɗauki Kuwanan rarraba: Ɗauki
- Kuwanan rarraba: Ɗauki Kuwanan rarraba: Ɗauki