实现有立体感的表格边框

阅读 8210 | 分类：文章

实现有立体感的表格边框

　　请看下面的例子，这是一个具有立体感的左边条。这个表格给人很精致的感觉，如果把它放在网页的一侧，做为你的网站的导航，一定回会为你的网页增色不少。好，下面我们一起看看怎样用表格实现这样的效果。

欢　迎　光　临

编程技巧

闪电空间

网上学习

真情无限

笑话乐园

给　我　写　信

　　如果你用Dreamwaver实现起来十分简单：

　　<1>我们先来插入一个表单：选择“Insert”－>“Table”，在弹出的对话框中设置为7行1列，设置宽度为125 Pixels，然后点击确定；

插入表格对话框

　　<2>选择“Windows”菜单，点击“Properties”项，“调出“Properties(属性)”窗口；

　　<3>将鼠标在刚才插入的表格中点一下，然后按下“Ctrl+A”,选中整个表格，这时属性框中显示的是表格的属性；

　　<4>修改表格属性如下图：
　　把“CellPad”设为1，“CellSpace”设为0，边框宽度“Border”设为1，将亮边框“Light Brdr”设为较深的颜色(比背景色要深)，将暗边框“Dark Brdr”设为白色，最后设置背景色为“#FF66CC”以完成设置。

修改表格属性

　　经过这样的一番设置，便出现了带有立体感的表格(使用Netscape浏览器可能没有此种效果)。如果你喜欢手写代码，那你把表格的属性做相应修改即可。此表格的源代码如下：

登录留言

暂无留言，快来抢占沙发~

作者声明：非原创
平台声明：文章及评论仅代表作者本人观点，五略商书系信息发布平台，仅提供信息存储空间服务，如有侵权，请联系13521509118。转载请注明作者和出处：转自五略商书m.shangdiguo.com，作者商帝国咨询！