HTML】Table邊框使用總結 ，只顯示你要顯示的邊框(內邊框，外邊框)
阿新 • • 發佈：2019-01-29
轉載地址 http://blog.sina.com.cn/s/blog_6721f25c0101e0l8.html
一、表格的常用屬性
基本屬性有：width（寬度）、height（高度）、border（邊框值）、cellspacing（表格的內寬，即表格與tr之間的間隔）、 cellpadding（表格內元素的間隔，即tr與tr之間的間隔）、bordercolorlight（表格的亮邊框顏色）、 bordercolordark（表格的暗邊框顏色）、bgcolor（表格的背景色）、background（表格的背景圖片）、 bordercolor（表格邊框的顏色），
二、表格內部分隔線的屬性
起作用的是rules這個引數，它有三個值(cols,rows,none)，當rules=cols時，表格會隱藏橫向的分隔線，也就是我們只能看到表 格的列；當rules=rows時，就隱藏了縱向的分隔線，也就是我們只能看到表格的行；而當rules=none時，縱向分隔線和橫向分隔線將全部隱 藏，我們就只能看到一個表格的外框了。看一下下面的對比效果你就會明白的
|
這是最普通的表格形式 | |||||||||
|
這是隱藏了橫向分隔線的表格，即rules=cols | |||||||||
|
這是隱藏了縱向分隔線的表格，即rules=rows | |||||||||
|
這是隱藏了所有內部分隔線的表格，即rules=none |
三、表格外部分隔線的屬性
表格外邊框的顯示與隱藏，是可以用frame引數來控制的。注意：只對表格的外邊框起作用，對內部邊、線不起作用只顯示上邊框
只顯示下邊框
只顯示左、右邊框
只顯示上、下邊框
只顯示左邊框
只顯示右邊框
不顯示任何邊框
看一下對比效果吧：
|
這是最普通的表格形式 | |||||||||
|
這是隻顯示上邊框的表格，即frame=above | |||||||||
|
這是隻顯示下邊框的表格，即frame=below | |||||||||
|
這是隻顯示左、右邊框的表格，即frame=vsides | |||||||||
|
這是隻顯示上、下邊框的表格，即frame=hsides | |||||||||
|
這是隻顯示左邊框的表格，即frame=lhs | |||||||||
|
這是隻顯示右邊框的表格，即frame=rhs | |||||||||
|