Table邊框使用總結

virgoboy20發表於2010-05-20
Table邊框使用總結[@more@]

本文轉載自:http://www.cnblogs.com/Nina-piaoye/archive/2009/05/13/1455791.html

一、表格的常用屬性基本屬性有: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

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8780503/viewspace-1033786/,如需轉載,請註明出處,否則將追究法律責任。

上一篇: Oracle 出錯解析
Table邊框使用總結
請登入後發表評論 登入
全部評論

相關文章