Table邊框使用總結

2021-08-30 14:44:57 字數 2922 閱讀 9200

一、**的常用屬性

基本屬性有:width(寬度)、height(高度)、border(邊框值)、cellspacing(**的內寬,即**與tr之間的間隔)、 cellpadding(**內元素的間隔,即tr與tr之間的間隔)、bordercolorlight(**的亮邊框顏色)、 bordercolordark(**的暗邊框顏色)、bgcolor(**的背景色)、background(**的背景)、 bordercolor(**邊框的顏色),

二、**內部分隔線的屬性

起作用的是rules這個引數,它有三個值(cols,rows,none),當rules=cols時,**會隱藏橫向的分隔線,也就是我們只能看到表 格的列;當rules=rows時,就隱藏了縱向的分隔線,也就是我們只能看到**的行;而當rules=none時,縱向分隔線和橫向分隔線將全部隱 藏,我們就只能看到乙個**的外框了。看一下下面的對比效果你就會明白的

a

b

c

a

b

c

a

b

c

這是最普通的**形式

a

b

c

a

b

c

a

b

c

這是隱藏了橫向分隔線的**,即rules=cols

a

a

a

b

b

b

c

c

c

這是隱藏了縱向分隔線的**,即rules=rows

a

b

c

a

b

c

a

b

c

這是隱藏了所有內部分隔線的**,即rules=none

三、**外部分隔線的屬性

**外邊框的顯示與隱藏,是可以用frame引數來控制的。注意:只對**的外邊框起作用,對內部邊、線不起作用

只顯示上邊框

只顯示下邊框

只顯示左、右邊框

只顯示上、下邊框

只顯示左邊框

只顯示右邊框

不顯示任何邊框

看一下對比效果吧:

a

b

c

a

b

c

a

b

c

這是最普通的**形式

a

b

c

a

b

c

a

b

c

這是只顯示上邊框的**,即frame=above

a

b

c

a

b

c

a

b

c

這是只顯示下邊框的**,即frame=below

a

b

c

a

b

c

a

b

c

這是只顯示左、右邊框的**,即frame=vsides

a

b

c

a

b

c

a

b

c

這是只顯示上、下邊框的**,即frame=hsides

a

b

c

a

b

c

a

b

c

這是只顯示左邊框的**,即frame=lhs

a

b

c

a

b

c

a

b

c

這是只顯示右邊框的**,即frame=rhs

a

b

c

a

b

c

a

b

c

這是不顯示任何邊框的**,即frame=void

Table邊框使用總結

一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...

Table邊框使用總結

一 的常用屬性 基本屬性有 width height border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 bgcolor...

Table邊框使用總結

一 的常用屬性 基本屬性有 width 寬度 height 高度 border 邊框值 cellspacing 的內寬,即 與tr之間的間隔 cellpadding 內元素的間隔,即tr與tr之間的間隔 bordercolorlight 的亮邊框顏色 bordercolordark 的暗邊框顏色 b...