詳解HTML中table表格的frame和rules屬性
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 - 為所有行列(單元格)加邊框
代碼示例:
- <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>
在瀏覽器中的顯示效果如下圖:
欄 目:CSS/HTML
下一篇:移動(dòng)端網(wǎng)頁(yè)大小自適應(yīng)的實(shí)現(xiàn)方法
本文標(biāo)題:詳解HTML中table表格的frame和rules屬性
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9628.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表,外部樣式表中優(yōu)先級(jí)最高的
- 04-02vue中的css樣式布局,vue添加css樣式
- 01-10利用iframe在網(wǎng)頁(yè)中顯示天氣附效果截圖
- 01-10通過(guò)html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10a標(biāo)簽中寫(xiě)有文字如何隱藏文字顯示圖片兼容360模式渲染
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁(yè)樣式css,分頁(yè)樣式j(luò)q
- 04-02分頁(yè)樣式css,分頁(yè)樣式欄里用來(lái)定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁(yè)引入css樣
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05dedecms織夢(mèng)模板全站調(diào)用收藏?cái)?shù)的方法
- 08-05dedecms織夢(mèng)模板編輯文檔的同時(shí)自動(dòng)更
- 01-10C++ 類(lèi)訪問(wèn)控制的條件總結(jié)
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 01-10C語(yǔ)言打印楊輝三角示例匯總
- 08-05織夢(mèng)dedecms首頁(yè)調(diào)用縮略圖為背景
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 01-10vue實(shí)現(xiàn)分頁(yè)加載效果