jsp頁面中Table邊框使用總結

2021-06-08 19:49:58 字數 3436 閱讀 5465

一、**的常用屬性

基本屬性有: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引數來控制的。注意:只對**的外邊框起作用,對內部邊、線不起作用

只顯示上邊框

只顯示下邊框

只顯示左、右邊框

只顯示上、下邊框

只顯示左邊框

只顯示右邊框

不顯示任何邊框

我在新增點:

frame和rules屬性:這兩個屬性比較特殊,是用於定義**邊框顯示方式的。

frame:該屬性定義**最外層**線的顯示方式,有以下可選值:

void:不顯示**外層的邊框線。

box:顯示四周的邊框線

border:和box相同

above:只顯示頂部的邊框線

below:只顯示底部的邊框線

lhs:只顯示左側的邊框線

rhs:只顯示右側的邊框線

hsides:只顯示頂部和底部的邊框線

vsides:只顯示左側和右側的邊框線

rules:該屬性定義單元格邊框顯示方式,有以下可選值:none:不顯示單元格邊框

all:顯示所有單元格邊框線

cols:只顯示縱向邊框線,及單元格左右側的邊框線。

rows:只顯示橫向邊框線,即單元格上下兩側的邊框線。rows和cols在實際中有時是很有用的。

groups:分組顯示,只顯示thead/tbody/tfoot的邊框線。

看一下對比效果吧:

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

jsp頁面中Table邊框使用總結

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

Table邊框使用總結

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

Table邊框使用總結

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