Tables标准结构
<table> 用以包装表格化的数据
<thead> 容纳表格标题行 ,含<tr>以标识表格列
<tbody> 数据体,容纳表格行 <tr>
<th> 用于列头的特殊标签,必须置于 <thead> 标签内
<tr> 容纳行内的一组单元格 <td> or <th>
<td> 默认的表格单元格
<caption>表格用途的描述或摘要,对屏幕阅读器(视障人士读屏软件)非常有用
样式
基本样式:行与行之间用水平线相隔。只需向<table>添加.table
.table-striped可以使奇数行的背景设为灰色。
.table-bordered可以使边框显示。
.table-hover可以使鼠标悬停的行的背景变为灰色。
.table-condensed可以使行间距变小。
如下代码<table class="table table-striped table-bordered table-hover" >
表示表格行与行自己使用水平线相隔、显示表格边框、鼠标悬停行背景变为灰色、奇数行的背景设为灰色。