-----------------------------
■虚线表格代码:
------------------------------
BORDER-LEFT: 1px dotted; BORDER-BOTTOM: 1px dotted; BORDER-COLLAPSE: collapse" borderColor=#c0c0c0 cellSpacing=0 cellPadding=0 width=362
border=0>
|
要把表格作的精致,需要修改相应表格属性参数的大小:
表格属性:
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)
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.样式六 空心表格
代码如下：
7.样式七 圆角表格
width="45%" border=0>
cellPadding=0 width="100%" 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">
|
本文标签：
表格
边框
样式
显示
立体
admin 管理员组