css实现表格斑马线 |css3画直线

table {
border-collapse: collapse;
}
tr:nth-of-type(2n) {
background-color: #f2f2f2;
}

首先大家需要在HTML中创建一个表格，然后在CSS中为表格添加样式。

在表格中，大家可以使用border-collapse属性把相邻的单元格边框合并在一起，让表格看起来更整洁。接下来，大家可以用CSS中的nth-of-type伪类来选中每隔一行的表格行，例如选中1、3、5行，然后设置背景色为浅灰色。

这里大家使用了2n，表示每隔两个元素选中一次，也就是选中偶数行。如果大家需要选中奇数行，可以使用2n+1。

经过这样的设置，大家就可以看到表格中的奇数行背景色为白色，偶数行背景色为浅灰色，实现了表格斑马线的视觉效果。