基本表格類 拆分與合并單元格 HTML5表格基礎語法 HTML5表格基礎語法 7 表格的結構化、直列化、標題 (1).結構化格式： ~~~ <table> <thead>……</thead> --------表頭區 <caption>條紋表格布局</caption> <tbody> <tr> <td></td> <td></td> </tr>…… </tbody> --------表體區 ……………………… <tfoot>……</tfoot> --------表尾區 </table> ~~~  Bootstrap 提供了一個清晰的創建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： | 標簽 | 描述 | | -- | -- | | `<table> ` | 為表格添加基礎樣式。 | | `<thead>` | `表格標題行的容器元素（<tr>），用來標識表格列。` | | `<tbody> ` | `表格主體中的表格行的容器元素（<tr>）。` | | `<tr> ` | `一組出現在單行上的表格單元格的容器元素（<td> 或 <th>）。` | | `<td>` | `默認的表格單元格。` | | `<th>` | `特殊的表格單元格，用來標識列或行（取決于范圍和位置）。必須在 <thead> 內使用。` | | `<caption>` | `關于表格存儲內容的描述或總結。` | #### 表格類 下表樣式可用于表格中： 類 描述 .table 為任意 `<table> `添加基本樣式 (只有橫向分隔線) .table-striped 在` <tbody>` 內添加斑馬線形式的條紋 ( IE8 不支持) .table-bordered 為所有表格的單元格添加邊框 .table-hover 在 `<tbody> `內的任一行啟用鼠標懸停狀態 .table-condensed 讓表格更加緊湊 聯合使用所有表格類 `<tr>`, `<th> `和 `<td>` 類 下表的類可用于表格的行或者單元格： 類 描述 實例 .active 將懸停的顏色應用在行或者單元格上 .success 表示成功的操作 .info 表示信息變化的操作 .warning 表示一個警告的操作 .danger 表示一個危險的操作