制作三维立体表格效果发布时间2007-06-07利用表格（TABLE）标签的两个元素属性borderColorDark、borderColorLight，另外还要加上对bgcolor(即表格背景色)元素属性以及对色彩的较好把握,即可制作出三维表格。HTML表格带立体效果的三维表格，是依靠边线亮度实现的。边线亮色分明色（Light）和暗色（Dark）,调整表格边框亮度实际上就是指定其明暗两种颜色，由TABLE元素的borderColorLight、borderColorDark属性来定义。1、下例是将边框明色设为白色，暗色设为紫酱色：以下是代码片段：TABLEcellSpacing=1borderColorDark=marooncellPadding=0borderColorLight=whiteborder=1>
| Food | Drink | Sweet |
|---|
| A | B | C |
效果如下：FoodDrinkSweetABC注意：如果明色比较浅，而暗色较深，则表格是凹的。好象上图的效果不是特别明显，给表格加个背景色看看。加了背景色之后的效果如下：FoodDrinkSweetABC反之，如果明色深，暗色浅，则表格是凸的。我们实践一下，把上例中的明暗色对换一下看看以下是代码片段：
| Food | Drink | Sweet |
|---|
| A | B | C |
表格就是凸的，效果如下：FoodDrinkSweetABC我们也给这个表格加个背景色之后，效果就很明显了：FoodDrinkSweetABC温馨小提示：您可以制作好表格之后，再点“代码”区，将borderColorDark=颜色代码值和borderColorLight=颜色代码值加入表格里。您可以按这种方法去获取颜色代码值，即在网页编辑器里点“字体颜色”按钮，选中您要的颜色后，即可查看它的颜色代码值（如下图红色标记处），复制即可。1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。
