Table顯示你要顯示的邊框代碼
表格的常用屬性
基本屬性有:width(寬度)、height(高度)、border(邊框值)、cellspacing(表格的內(nèi)寬,即表格與tr之間的間隔)、 cellpadding(表格內(nèi)元素的間隔,即tr與tr之間的間隔)、bordercolorlight(表格的亮邊框顏色)、 bordercolordark(表格的暗邊框顏色)、bgcolor(表格的背景色)、background(表格的背景圖片)、 bordercolor(表格邊框的顏色)
表格內(nèi)部分隔線的屬性
起作用的是rules這個(gè)參數(shù),它有三個(gè)值(cols,rows,none),
當(dāng)rules=cols時(shí),表格會(huì)隱藏橫向的分隔線,也就是我們只能看到表格的列;
當(dāng)rules=rows時(shí),就隱藏了縱向的分隔線,也就是我們只能看到表格的行;
而當(dāng)rules=none時(shí),縱向分隔線和橫向分隔線將全部隱 藏,我們就只能看到一個(gè)表格的外框了
表格外部分隔線的屬性
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。注意:只對(duì)表格的外邊框起作用,對(duì)內(nèi)部邊、線不起作用
只顯示上邊框 <table frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void>
- <table summary="學(xué)生名單,包括學(xué)生編號(hào)、姓名、聯(lián)系電話、和地址。">
- <caption>學(xué)生名單</caption>
- <thead>
- <th scope="col">編號(hào)</th>
- <th scope="col">姓名</th>
- <th scope="col">聯(lián)系電話</th>
- <th scope="col">地址</th>
- </thead>
- <tfoot>
- <td colspan="4">班主任:</td>
- </tfoot>
- <tbody>
- <tr>
- <td>1</td>
- <td>Jamson</td>
- <td>123-45678</td>
- <td>XX市XX區(qū)XX號(hào)</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Grace</td>
- <td>123-45678</td>
- <td>XX市XX區(qū)XX號(hào)</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Dizzy</td>
- <td>123-45678</td>
- <td>XX市XX區(qū)XX號(hào)</td>
- </tr>
- </tbody>
- </table>
上一篇:剖析標(biāo)注HTML元素時(shí)class比id所具有的優(yōu)勢
欄 目:CSS/HTML
下一篇:舉例講解HTML中META標(biāo)簽的一些使用技巧
本文標(biāo)題:Table顯示你要顯示的邊框代碼
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9677.html
您可能感興趣的文章
- 01-10利用iframe在網(wǎng)頁中顯示天氣附效果截圖
- 01-10a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染
- 01-10input輸入框中的光標(biāo)大小顯示不一致的解決方法
- 01-10a標(biāo)簽的背景圖在ie8下不顯示問題的解決方法
- 01-10html 豎列顯示文字讓文字豎列顯示
- 01-10&lt;td&gt;&lt;/td&gt;標(biāo)簽的bord
- 01-10深入解析HTML的table表格標(biāo)簽與相關(guān)的換行問題
- 01-10html css 控制div或者table等固定在指定位置的實(shí)現(xiàn)方法
- 01-10淺析響應(yīng)式框架中,table表頭自動(dòng)換行的快速解決方法
- 01-10詳解HTML中table表格的frame和rules屬性


閱讀排行
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 01-10C++ 類訪問控制的條件總結(jié)
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 01-10vue實(shí)現(xiàn)分頁加載效果
- 01-10C語言打印楊輝三角示例匯總
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 08-05dedecms織夢模板編輯文檔的同時(shí)自動(dòng)更
- 01-10bat批處理徹底隱藏文件的方法(使用
- 08-05dedecms織夢模板全站調(diào)用收藏?cái)?shù)的方法
- 01-11常用的HTML富文本編譯器UEditor、CKEdi