举个栗子:
这里要一个表格如下:
<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>