简单的表格隔行换色效果
简单的表格隔行换色效果
开发工具与关键技术：DW css
作者:易金亮
撰写时间：2019.02.20
下面我们就来实现一个简单的表格隔行换色效果，让表格变得更加高大上一点！
首先，我们先设计一个table表格，给他一些简单的样式，其效果如下截图所示：
然后就是关键的一步了，我们使用一个nth-of-type(even) 结构选择器,其中even代表选择表格的偶数行，选择偶数行后给它更换一下背景颜色，再使用一个nth-of-type(odd) 结构选择器，其中odd代表选择表格的奇数行，给它更换一个不同的背景颜色，其代码如下截图所示：
通过以上代码，我们就成功的实现了一个简单的表格隔行换色效果了，其效果图如下截图所示：