设置表格样式隔行变色的案列

举个栗子：
这里要一个表格如下：

     <table border="1">
    	<tr style="background-color:yellow">
    		<td  width="60">序号</td>
    		<td width="60">地区名称</td>
    		<td width="60">监测时间</td>
    		<td width="60">雨量值(mm)</td>
    		<td width="60">监测站</td>
    		<td width="60">站点地址</td>
    		<td width="60">操作</td>
    	</tr>
    	<tr style="background-color:yellow">
    		<td  width="60">序号1</td>
    		<td width="60">地区名称</td>
    		<td width="60">监测时间</td>
    		<td width="60">雨量值(mm)</td>
    		<td width="60">监测站</td>
    		<td width="60">站点地址</td>
    		<td width="60">操作</td>
    	</tr>
    	<tr style="background-color:yellow">
    		<td  width="60">序号2</td>
    		<td width="60">地区名称</td>
    		<td width="60">监测时间</td>
    		<td width="60">雨量值(mm)</td>
    		<td width="60">监测站</td>
    		<td width="60">站点地址</td>
    		<td width="60">操作</td>
    	</tr>
    
     </table>

隔行变色只需要一个简单的style语法即可，将这个语法写在head标签中：

<style type="text/css">
			tr:nth-child(2n){

			background-color: #fbc9a7

}
	</style>