Table邊框使用總結 ,只顯示你要顯示的邊框
阿新 • • 發佈:2019-01-24
一、表格的常用屬性
基本屬性有: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引數來控制的。注意:只對表格的外邊框起作用,對內部邊、線不起作用
只顯示上邊框 <table
frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table
frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table
frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table
frame=void>
看一下對比效果吧:
|
這是最普通的表格形式 | |||||||||
|
這是隻顯示上邊框的表格,即frame=above | |||||||||
|
這是隻顯示下邊框的表格,即frame=below | |||||||||
|
這是隻顯示左、右邊框的表格,即frame=vsides | |||||||||
|
這是隻顯示上、下邊框的表格,即frame=hsides | |||||||||
|
這是隻顯示左邊框的表格,即frame=lhs | |||||||||
|
這是隻顯示右邊框的表格,即frame=rhs | |||||||||
|
這是不顯示任何 |