各种表格样式代码-Linux大棚

admin 管理员组

文章数量: 1184232

2024年2月25日发(作者：html+js简单文件)

各种表格样式代码

■隐藏横向的分隔线：

例一：

■隐藏纵向的分隔线

例二:

■隐藏横向和纵向分隔线

例三：

■表格边框连续闪烁

在BODY区加上代码：

style="border:5px solid yellow">

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

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

在需要分行下载处加上，例：

麦迪天神1

麦迪天神2

麦迪天神3

麦迪天神4

■普通表格

11; top: 11" height="26" >

普通表格

■正立方表格

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" >立体表格

立体表格

■无名表格

left: 246; top: 12" height="51">

无名表格

■表中表效果Ⅰ

left: 10; top: 120" height="138" cellspacing="1"

cellpadding="0">

border-style: groove" align="center"> #FFFFFF; border: 1 solid #808080" > 表中表效果Ⅰ

■表中表效果Ⅱ

absolute; left: 245; top: 89" height="110">

align="center"> 表中表效果Ⅱ

frame="hsides" border="1"

bordercolorlight="#000000" bordercolordark="#ffffff"

width="100%" cellspacing="1" cellpadding="0" height="78">

表中表效果Ⅰ

表中表效果Ⅱ

■表格中边框的显示

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

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

■虚线表格代码:

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

BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BORDER-COLLAPSE:

collapse" borderColor=#c0c0c0 cellSpacing=0 cellPadding=0 width=362

border=0>

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

表格属性:

cellpadding=?>

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(暗边框颜色)

单元格边框的隐藏

隐藏右边框

隐藏上边框

隐藏左边框

隐藏下边框

代码如下：

bordercolor="#FF9966" >

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

1.样式一立体表格(1)

代码如下：

bordercolor="#ffffff" bgcolor="#FF9966" borderColorLight=#000000>

2.样式二立体表格样式(2)

bordercolor="#ffffff" bgcolor="#FF9966" borderColordark=#000000>

3.样式三立体表格样式(3)

bordercolordark=#efefef>

4.样式四立体表格(4)

5.样式五颜色表格

麦迪天神

width=309 align=left borderColorLight=#ffffff border=1>

bgColor=#FF9966 borderColorDark=#eeeeee height=24>写入字	borderColorDark=#eeeeee>
borderColorDark=#eeeeee height=24> 写入字	borderColorDark=#eeeeee>

6.样式六空心表格

代码如下：

bordercolor="#66ccff">

7.样式七圆角表格

width="45%" border=0>

cellPadding=0 width="100%" border=0>

cellPadding=0 border=0>

cellPadding=0 width="100%" border=0>

8.样式八阴影表格

style="filter:progid:

(Color=#333333,Direction=120,strength=5)">

写入字

9.样式九透明表格

代码如下：

bordercolor="#ffffff" bgcolor="#66ccff" borderColorLight=#000000

style="FILTER:alpha(opacity=10)">

10、样式十无边框表格

bordercolor="#FF9966" frame=void>

说明：边框主要由frame值确定，void：不显示边框， adove：只显示上边框。below：只显示下边框。hsiders：显示左右边框。rhs：显示右边框。chs：显示左边框。rsides：显示上下边框

11.样式十一三角表格

bordercolordark="#00000">

bordercolordark="#ffffff">

bordercolorlight="#ff0000" bordercolordark="#ffffff">

本文标签：表格边框样式显示立体

版权声明：本文标题：各种表格样式代码内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：http://roclinux.cn/p/1708855849a532807.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。