CSS+；这个模型的HTML？

我得到了一个我想用CSS+HTML实现的模型

我为它开了一家餐厅，那只是一张桌子，不知你能不能帮我做一下

<table border="1">
    <tr>
        <td>grey</td>
        <td>grey</td>
        <td>grey</td>
        <td>grey</td>
        <td>grey</td>
    </tr>
    <tr>
        <td>COL1</td>
        <td>COL2</td>
        <td>COL3</td>
        <td>COL4</td>
        <td>icon1|icon2|icon3|icon4</td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

灰色
灰色
灰色
灰色
灰色
可乐
可乐
可乐
可乐
icon1 | icon2 | icon3 | icon4

---

我怎样才能使每一排都变成灰色？我是否应该保留一个服务器端变量并计算mod 2，或者是否有更简单的方法使用CSS使每隔一行变为灰色和白色？

您可以使用偶数或奇数。css:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

您甚至可以创建列：

col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}

与演示的良好链接：

---

是的，这是css3技术，不适用于所有浏览器。如果您想要跨浏览器支持，请使用create class.event{}并使用php在偶数行上回显它，或者使用js进行同样的操作

您可以使用偶数或奇数。css:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

您甚至可以创建列：

col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}

与演示的良好链接：

---

是的，这是css3技术，不适用于所有浏览器。如果您想要跨浏览器支持，请使用create class.event{}并使用php在偶数行上回显它，或者使用js进行同样的操作

看看这是否对你有帮助，兄弟：

---

看看这是否对你有帮助兄弟：

---

可能应该在某个地方声明这是使用CSS3并限制浏览器支持。可能应该在某个地方声明这是使用CSS3并限制浏览器支持。感到厌烦，所以我对您想要的样式进行了修改。我觉得很无聊，所以我做了一个你想要的风格。