方格表行和列？

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;
}