Bootstrap条纹状表格

在Bootstrap中可以通过给表格添加 .table-striped 类，给 <tbody> 之内的每一行增加斑马条纹样式。Bootstrap条纹状表格代码如下：

<table class="table table-striped">
<caption>条纹表格布局</caption>
<thead> <tr> <th>名称</th> <th>城市</th> <th>邮编</th> </tr> </thead>
<tbody>
<tr> <td>Tanmay</td> <td>Bangalore</td> <td>560001</td> </tr>
<tr> <td>Sachin</td> <td>Mumbai</td> <td>400003</td> </tr>
<tr> <td>Uma</td> <td>Pune</td> <td>411027</td> </tr>
</tbody>
</table>

效果如下所示：

Bootstrap条纹状表格

tips：

条纹状表格是依赖 :nth-child CSS 选择器实现的，而这一功能可能不被 Internet Explorer 8 支持。