table標(biāo)簽的frame和rules屬性,可以控制邊框的顯示。frame屬性控制著表格最外圍的四條邊框的可見(jiàn)性,而 rules 則控制著表格內(nèi)部邊框的可見(jiàn)性。
frame屬性可取的值及含義如下:
* void - 默認(rèn)值。表示不顯示表格最外圍的邊框。
* box - 同時(shí)顯示四條邊框。
* border - 同時(shí)顯示四條邊框。
* above - 只顯示頂部邊框。
* below - 只顯示底部邊框。
* lhs - 只顯示左側(cè)邊框。
* rhs - 只顯示右側(cè)邊框。
* hsides - 只顯示水平方向的兩條邊框。
* vsides - 只顯示垂直方面的兩條邊框。
rules 屬性可取的值有五個(gè),分別是:
* none - 默認(rèn)值。無(wú)邊框。
* groups - 為行組或列組加邊框。
* rows - 為行加邊框。
* cols - 為列加邊框。
* all - 為所有行列(單元格)加邊框
代碼示例:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <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>
在瀏覽器中的顯示效果如下圖:
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。