三维立体表格制作.docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
三维立体表格制作

制作三维立体表格效果 发布时间 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 TBODY TR THFood/TH THDrink/TH THSweet/TH TR TDA/TD TDB/TD TDC/TD/TR/TBODY/TABLE 效果如下: Food Drink Sweet A B C 注意:如果明色比较浅,而暗色较深,则表格是凹的。好象上图的效果不是特别明显,给表格加个背景色看看。 加了背景色之后的效果如下: Food Drink Sweet A B C 反之,如果明色深,暗色浅,则表格是凸的。 我们实践一下,把上例中的明暗色对换一下看看 以下是代码片段: TABLE cellSpacing=1 borderColorDark=white cellPadding=0 borderColorLight=maroon border=1 TBODY TR THFood/TH THDrink/TH THSweet/TH TR TDA/TD TDB/TD TDC/TD/TR/TBODY/TABLE 表格就是凸的,效果如下: Food Drink Sweet A B C 我们也给这个表格加个背景色之后,效果就很明显了: Food Drink Sweet A B C 温馨小提示:您可以制作好表格之后,再点“代码”区,将borderColorDark=颜色代码值?和?borderColorLight=颜色代码值 加入table表格里。 您可以按这种方法去获取颜色代码值,即在网页编辑器里点“字体颜色”按钮,选中您要的颜色后,即可查看它的颜色代码值(如下图红色标记处),复制即可。

文档评论(0)

sy78219 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档