三维立体表格的制作.doc

上传人:11****ws 文档编号:3012051 上传时间:2019-05-17 格式:DOC 页数:3 大小:45KB
下载 相关 举报
三维立体表格的制作.doc_第1页
第1页 / 共3页
三维立体表格的制作.doc_第2页
第2页 / 共3页
三维立体表格的制作.doc_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

1、制作三维立体表格效果 发布时间 2007-06-07 利用表格( TABLE)标签的两个元素属性 borderColorDark、 borderColorLight,另外还要加上对bgcolor(即表格背景色 )元素属性以及对色彩的较好把握 , 即可制作出三维表格。 HTML 表格带立体效果的三维表格,是依靠边线亮度实现的。边线亮色分明色( Light)和暗色( Dark) ,调整表格边框亮度实际上就是指定其明暗两种颜色,由 TABLE元素的 borderColorLight、borderColorDark 属性来 定义。 1、下例是将边框明色设为白色,暗色设为紫酱色: 以下是代码片段: TA

2、BLE 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 反之,如果明色深,暗色浅,则表格是凸的。 我们实践一下,把上例中的明暗色对换一下看看 以下是代码片段: Food Drink Sweet A B C 表格就是凸的, 效果如下: Food Drink Sweet A B C 我们也给这个表格加个背景色之后,效果就很明显了: Food Drink Sweet A B C 温馨小提示:您可以制作好表格之后,再点 “ 代码 ” 区,将 borderColorDark=颜色代码值 和 borderColorLight=颜色代码值 加入 表格里。 您可以按这种方法去获取颜色代码值,即在网页编辑器里点 “ 字体颜色 ” 按钮,选中您要的颜色后,即可查看它的颜色代码值(如下图红色标记处),复制即可。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 重点行业资料库 > 医药卫生

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。