📜  Pure.CSS剥离表

📅  最后修改于: 2021-01-08 05:31:54             🧑  作者: Mango

Pure.CSS剥离表

如果表很大,最好将其剥离。剥离的桌子对用户来说更可见和更具吸引力。您必须在每个其他元素上添加“ pure-table-odd”类名,以更改行的背景并创建斑马风格的效果。

注意:在支持CSS3第n个子伪选择器的浏览器中,可以使用更简单的方法。可以将纯表条纹类名添加到

元素和斑马风格的条纹会自动发生。此方法在Internet Explorer 8或更低版本中不起作用。

例:





Roll no. Name Age Grade
1 Rahul 22 A
2 Rishi 21 A
3 Ariana 20 C
4 Tony 21 A
5 Piyush 18 A
6 Lucky 23 B

输出: