html - 方格表行和列？

Question

有没有办法让 HTML 表格中的行和列在 2 种不同颜色之间方格化？

我制作了一个类似数据列表的电子表格，我认为如果行/列在白色和灰白色之间方格化，它看起来会更好，也更容易看。

谢谢!

Answer 1

您有什么样的浏览器支持要求？你能放弃对 IE7 及更早版本的支持吗？如果是这样，您可以使用第 n 个表达式纯粹使用 CSS 来完成此操作:

tr td
{
    background-color: #fff;
}

tr:nth-child(even) td:nth-child(odd), 
tr:nth-child(odd) td:nth-child(even)
{
    background-color: #ccc;
}