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í),表格會隱藏橫向的分隔線,也就是我們只能看到表格的列;
當(dāng)rules=rows時(shí),就隱藏了縱向的分隔線,也就是我們只能看到表格的行;
而當(dāng)rules=none時(shí),縱向分隔線和橫向分隔線將全部隱 藏,我們就只能看到一個(gè)表格的外框了
表格外部分隔線的屬性
表格外邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。注意:只對表格的外邊框起作用,對內(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é)生編號、姓名、聯(lián)系電話、和地址。">
- <caption>學(xué)生名單</caption>
- <thead>
- <th scope="col">編號</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號</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>
相關(guān)文章
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?Dreamweaver中插入表格默認(rèn)是寬邊框的,看上去很難看,該怎么將邊框設(shè)置成細(xì)線呢?請看下文詳細(xì)介紹,需要的朋友可以2016-03-10CSS樣式簡單實(shí)現(xiàn)Table沒有外邊框只有內(nèi)邊框
Table默認(rèn)是有外邊框,有內(nèi)邊框的,那么如何通過css樣式簡單實(shí)現(xiàn)Table沒有外邊框,只有內(nèi)邊框呢?下面有個(gè)不錯(cuò)的示例,大家可以看看2014-06-13一個(gè)屬性border-collapse解決Table的邊框問題
表格的邊框算是頁面制作中最頭痛的,帶邊線的表格在之前非常討厭做,不過今天終于解決了這個(gè)問題,下面將示例與大家分享下2014-03-26- 在默認(rèn)的情況下,我們的CSS將Table的邊框清除掉了,下面與大家分享下CSS控制Table內(nèi)外邊框、顏色、大小的樣式,想學(xué)習(xí)的朋友可以參考下2013-08-01
- 在css中已經(jīng)寫好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個(gè)邊框都顯示了出來,因?yàn)闉g覽器不同帶來的麻煩可是不2013-06-26
- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。2011-04-01
用CSS設(shè)置表格Table的細(xì)邊框的比較好用的方法
大家經(jīng)常會發(fā)現(xiàn)Table的BORDER設(shè)置為1,得到的邊框卻不是想要的1個(gè)像素的細(xì)邊框,于是很多人去想方設(shè)法做出細(xì)邊框的效果。2010-06-23- 表格邊框的處理是CSS網(wǎng)頁布局中經(jīng)常會遇到的內(nèi)容,在webjx.com中也有過相關(guān)的介紹,除了將表格作為一個(gè)整體進(jìn)行定義,您也可以將表格邊框的四個(gè)部分分別進(jìn)行定義,包括頂部2010-01-23
- 前面學(xué)了網(wǎng)頁表格中的單元格線條的設(shè)置方法,今天學(xué)習(xí)網(wǎng)頁表格的邊框線的設(shè)置方法。 ------------------------------------------------------------------------------2008-10-17
- 網(wǎng)頁表格表框制作技巧。 -------------------------------------------------------------------------------- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請2008-10-17