示例 1 : 基本表格 示例 2 : 带斑马线的表格 示例 3 : 带边框的表格 示例 4 : 有鼠标悬停状态的表格 示例 5 : 更加紧凑的表格 示例 6 : 多种表格效果整合在一起 示例 7 : 激活样式 示例 8 : 成功样式 示例 9 : 信息样式 示例 10 : 警告样式 示例 11 : 危险样式
<table class="table"> <thead> <th>头像</th> <th>名字</th> <th>HP</th> </thead> <tbody> <tr> <td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/gareen.png"/></td> <td>盖伦</td> <td>616</td> </tr> <tr> <td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/teemo.png"/></td> <td>提莫</td> <td>383</td> </tr> <tr> <td><img width="20px" src="www.shiguangbiaoye.com/study/bootstrap/lol/akali.png"/></td> <td>阿卡丽</td> <td>448</td> </tr> </tbody> </table>
