您当前的位置: 首页 > 网页设计 > Dreamweaver教程 > dreamweaver表格妙用-线框制作详解(4)

dreamweaver表格妙用-线框制作详解(4)

作者:guanchaofeng 来源:不详 发布时间: 2009-03-28 10:36 点击:
粗线边框的制作 有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果,他往往配合其他网页元素来完成指定效果的。 在细线边框制作中,我们提到单纯将Border设定为1达不到细化要求,那么粗度应该没有问题了吧

dreamweaver表格妙用-线框制作详解(4)

“粗”线边框的制作

  有了上面介绍细线边框的制作基础,相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果,他往往配合其他网页元素来完成指定效果的。


  在细线边框制作中,我们提到单纯将“Border”设定为1达不到“细化”要求,那么粗度应该没有问题了吧,很好,因此粗线边框的制作就有了两种方法。

 




方法一:利用Border来实现


  选中已经插入的表格,在属性板中将“Border”值设定为“8”(可为需要宽度的任意值),同时特别注意要把“CellSpace”重置为“0”,最后通过“Brdr color”设定边框的颜色,这里仍以红色为例,如图 


 


预览效果如图: 

 


方法二:通过CellSpace的差距来实现


  关于利用CellSpace实现的过程这里就不在赘述了,只要将细线边框制作时的“CellSpace”也设定为“8”,就能达到与上面完全相同的效果啦。

分享到:
本文"dreamweaver表格妙用-线框制作详解(4)"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(1)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4