Question

html中表格怎么实现隔行变色

Answer 1

最简单普遍的做法，是对不一样的行设置不一样的CSS

<table>
  <tr class='r1'>....</tr>
  <tr class='r2'>....</tr>
  <tr class='r1'>....</tr>
  <tr class='r2'>....</tr>
  <tr class='r1'>....</tr>
  .........
</table>

然后在样式表设置中对r1和r2设置不一样的背景色

.r1 { background-color:red; }
.r2 { background-color:blue; }

Answer 2

直接使用CSS设置：

/*设置奇数行颜色*/ 

table tr:nth-child(odd)
{ 

   background: #fff;

 } 

/*设置偶数行颜色*/ 

table tr:nth-child(even)
{ 

    background: #ccc; 

}

效果如图：