表格樣式
範例
請使用 XHTML 表格語法
<table width="100%" class="table-style style-colorheader">
<thead>
<tr>
<th>表格標頭</th>
<th>表頭欄位 1</th>
<th class="highlight">表頭欄位 2(加強標示)</th>
<th>表頭欄位 3</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<th>表頭列 1</th>
<td>內容 1</td>
<td class="highlight">內容 2</td>
<td>內容 3</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>表格註腳</th>
<td colspan="3">註腳內容</td>
</tr>
</tfoot>
</table>
彩色表頭表格
| 表格標頭 | 表頭欄位 1 | 表頭欄位 2 | 表頭欄位 3 |
|---|---|---|---|
| 表頭列 1 | 第 1 欄，第 1 列 | 第 2 欄，第 1 列 | 第 3 欄，第 1 列 |
| 表頭列 2 | 第 1 欄，第 2 列 | 第 2 欄，第 2 列 | 第 3 欄，第 2 列 |
| 表頭列 3 | 第 1 欄，第 3 列 | 第 2 欄，第 3 列 | 第 3 欄，第 3 列 |
| 表頭列 4 | 第 1 欄，第 4 列 | 第 2 欄，第 4 列 | 第 3 欄，第 4 列 |
| 表頭列 5 | 第 1 欄，第 5 列 | 第 2 欄，第 5 列 | 第 3 欄，第 5 列 |
| 表格註腳 | 註腳內容 | ||
使用方式：
<table class="table-style style-colorheader"> ... </table>
彩色條紋表格
| 表格標頭 | 表頭欄位 1 | 表頭欄位 2 | 表頭欄位 3 |
|---|---|---|---|
| 表頭列 1 | 第 1 欄，第 1 列 | 第 2 欄，第 1 列 | 第 3 欄，第 1 列 |
| 表頭列 2 | 第 1 欄，第 2 列 | 第 2 欄，第 2 列 | 第 3 欄，第 2 列 |
| 表頭列 3 | 第 1 欄，第 3 列 | 第 2 欄，第 3 列 | 第 3 欄，第 3 列 |
| 表頭列 4 | 第 1 欄，第 4 列 | 第 2 欄，第 4 列 | 第 3 欄，第 4 列 |
| 表頭列 5 | 第 1 欄，第 5 列 | 第 2 欄，第 5 列 | 第 3 欄，第 5 列 |
| 表格註腳 | 註腳內容 | ||
使用方式：
<table class="table-style style-colorstripes"> ... </table>
灰色條紋表格
| 表格標頭 | 表頭欄位 1 | 表頭欄位 2 | 表頭欄位 3 |
|---|---|---|---|
| 表頭列 1 | 第 1 欄，第 1 列 | 第 2 欄，第 1 列 | 第 3 欄，第 1 列 |
| 表頭列 2 | 第 1 欄，第 2 列 | 第 2 欄，第 2 列 | 第 3 欄，第 2 列 |
| 表頭列 3 | 第 1 欄，第 3 列 | 第 2 欄，第 3 列 | 第 3 欄，第 3 列 |
| 表頭列 4 | 第 1 欄，第 4 列 | 第 2 欄，第 4 列 | 第 3 欄，第 4 列 |
| 表頭列 5 | 第 1 欄，第 5 列 | 第 2 欄，第 5 列 | 第 3 欄，第 5 列 |
| 表格註腳 | 註腳內容 | ||
使用方式：
<table class="table-style style-greystripes"> ... </table>