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


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


