1、新建一个HTML文档,用于承载表格和CSS

2、新建一个5行3列的<table>表格

3、保存以上内容,在浏览器中预缝怕览效果,如图:

4、定义一个内联样式,设置<table>表格的偶数行(even)的背景色为浅灰色,示例:
<style>
table tr:nth-child(even){
background: #ccc;
}
</style>

5、再次保存以上文件,在浏览特泪器预览效果,表格的偶数行(even)的背景色显示为浅灰色

6、再次修订内联样式,增加奇数行的背景色为蓝色,示例:
<style>
table tr:nth-child(even){/*偶数行*/
background: #ccc;
}
table tr:nth-child(odd){/*奇数行*/
轿腊蹲 background: #0000ff;
}
</style>

7、保存以上内容,再次在浏览器预览效果,
奇数行(odd)背景色为蓝色,
偶数行(even)背景色为浅灰色
