三维立体表格的制作.doc

制作三维立体表格效果

发布时间 2007-06-07

利用表格（TABLE）标签的两个元素属性borderColorDark、borderColorLight，另外还要加上对bgcolor(即表格背景色)元素属性以及对色彩的较好把握, 即可制作出三维表格。
HTML表格带立体效果的三维表格，是依靠边线亮度实现的。边线亮色分明色（Light）和暗色（ Dark）,调整表格边框亮度实际上就是指定其明暗两种颜色，由TABLE元素的borderColorLight、borderColorDark属性来定义。

1、下例是将边框明色设为白色，暗色设为紫酱色：
以下是代码片段：
TABLE cellSpacing=1 borderColorDark=maroon cellPadding=0 borderColorLight=white border=1>

Food
Drink
Sweet

A
B
C
效果如下：
Food
Drink
Sweet
A
B
C

注意：如果明色比较浅，而暗色较深，则表格是凹的。好象上图的效果不是特别明显，给表格加个背景色看看。

加了背景色之后的效果如下：
Food
Drink
Sweet
A
B
C

反之，如果明色深，暗色浅，则表格是凸的。

我们实践一下，把上例中的明暗色对换一下看看
以下是代码片段：
关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：