html表格边框空心,各种表格样式示例及代码

■隐藏横向的分隔线：

■隐藏纵向的分隔线

例二:

■隐藏横向和纵向分隔线

例三：

■表格边框连续闪烁在BODY区加上代码：

style="border:5px solid yellow">

加入任意物件.加入任意物件.

加入任意物件.加入任意物件.

加入任意物件.加入任意物件.

■表格分行下载(内容很大、比较实用)

在需要分行下载处加上

，例：

麦迪天神1

麦迪天神2

麦迪天神3

麦迪天神4

■普通表格

普通表格

普通表格

■正立方表格

bordercolordark="#000000" style="position: absolute; left: 10; top:49" height="26">

正立方表格正立方表格

■细表格

bgcolor="#000000" cellspacing="1" cellpadding="0"

height="22" style="position: absolute; left: 11; top: 86">

细表格

细表格

■立体表格

bordercolordark="#ffffff" style="position: absolute; left: 10; top:

112" height="34">

bordercolorlight="#000000" bordercolordark="#eeeeee" >立体表格

立体表格

■无名表格

无名表格

无名表格

■表中表效果Ⅰ

cellpadding="0">

表中表效果Ⅰ 　

■表中表效果Ⅱ

align="center"> 表中表效果Ⅱ frame="hsides" border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78">

表中表效果Ⅰ

表中表效果Ⅱ

■表格中边框的显示

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

-----------------------------

■虚线表格代码:------------------------------

要把表格作的精致,需要修改相应表格属性参数的大小:

表格属性:

table:表格标记 tr:行标记 td:单元格标记

bgcolor(背景色) background (背景图象) cellspacing(设置单元格间距) cellpadding(单元格边距,即内容与边框间的距离) align(对齐方式:分为居左(left),居中(center),居右(right))

frame外部边框样式 :

void(不显示边框) Vsides(显示左右边框) Hsides(显示上下边框) Border(显示上下左右边框) above(显示上边框) below(显示下边框) Lhs(显示左边框) Rhs(显示右边框)

rules 内部边框样式:

All(显示所有内部边框) Cols(仅显示行边框) Rows(仅显示列边框) Groups(显示介于行列之间的边框) None(不显示内部边框)

bordercolorlight(亮边框颜色) bordercolordark(暗边框颜色)

单元格边框的隐藏

隐藏右边框

隐藏左边框

隐藏上边框

隐藏下边框

代码如下：

隐藏右边框	隐藏左边框
隐藏上边框	隐藏下边框