在Web頁面上我們可以使用frame和rules來控製表格邊框是否可見,下面我們就來詳解HTML中table表格的frame和rules屬性,需要的朋友可以參考下
table標籤的frame和rules屬性，可以控制邊框的顯示。 frame屬性控製表格最外圍的四個邊框的可見性，而 rules 則控製表格內部邊框的可見性。
frame屬性可取的值及意義如下：
* void - 預設值。表示不顯示表格最外圍的邊框。
* box - 同時顯示四個邊框。
* border - 同時顯示四個邊框。
* above - 只顯示頂部邊框。
* below - 只顯示底部邊框。
* lhs - 只顯示左側邊框。
* rhs - 只顯示右側邊框。
* hsides - 只顯示水平方向的兩條邊框。
* vsides - 只顯示垂直方面的兩條邊框。
rules 屬性可取的值有五個，分別是：
* none - 預設值。無邊框。
* groups - 為行組或列組加上邊框。
* rows - 為行加邊框。
* cols - 為列加邊框。
* all - 為所有行列（單元格）加上邊框
程式碼範例：
<table border="1" width="600" frame="hsides" rules="groups">
<caption>My Ultimate Table</caption>
<colgroup span="1" width="200"></colgroup>
<colgroup span="3" width="400"></colgroup>
<thead>
<tr>
<td>cell 1-1</td>
<td>cell 1-2</td>
<td>cell 1-3</td>
<td>cell 1-4</td>
</tr>
</thead>
<tfoot>
<tr>
<td>cell 4-1</td>
<td>cell 4-2</td>
<td>cell 4-3</td>
<td>cell 4-4</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>cell 2-1</td>
<td>cell 2-2</td>
<td>cell 2-3</td>
<td>cell 2-4</td>
</tr>
<tr>
<td>cell 3-1</td>
<td>cell 3-2</td>
<td>cell 3-3</td>
<td>cell 3-4</td>
</tr>
</tbody>
</table>在瀏覽器中的顯示效果如下圖：
在瀏覽器中的顯示效果如下圖：
🎜🎜🎜屬性中更多詳解相關文章請關注PHP中文網！ 🎜
