webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机
网页模板

首页 >> WebDN 技术文档 >> 网站制作 >> Dreamweaver >> Dreamweaver里直线、虚线条的制作

 

Dreamweaver里直线、虚线条的制作

【摘 要】水平线对于制作网页的朋友来说一定不会陌生,它在网页的版式设计中是非常有作用的,可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”,然后单击“水平线”按钮即可添加一条水平线。Html代码为< hr>。

  在网页设计过程中,如果随意利用缺省水平线,常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置,没有对水平线颜色的设置,怎么办?

  其实,你只要仔细看一下水平线的属性设置面板,就会发现一个“快速标签编辑器”,点击此标签并在后面输入“color=颜色”。这里的“颜色”可以是任何颜色,一般格式为:< hr color=#008800>。

  用这个方法设置后,在Dreamweaver中无法直接看到效果,我们可以点击“F12”键,在浏览器里浏览水平线的颜色变化。

  小技巧:诸如“#008800”这样的颜色代码对于初级朋友来说不容易分辩,你可以这样做:给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色,然后把颜色代码复制并粘贴到水平线的“快速标签编辑器”即可。

  另外一种制作直线的方法

  做一个表格,比如3行1列,我们假如让中间行做成一条直线,那么我们可以按如下做法: 把中间表格高度设为1,中间插一个1*1透明GIF图片,然后把这行背景设为你要的直线颜色,就做好了。

  虚线的方法

  做一个表格,比如3行1列,我们假如让中间行做成一条虚线,那么我们可以按如下做法: 把中间表格高度设为1,中间插一个1*1GIF图片;我们再做一个GIF图片,宽度是2pix,高度是不是pix, 宽度的2pix,其中1pix设置为红色,另1pix设置为白色,然后把2*1的gif设为背景,一行红色虚线就做好了。

  http://www.webdn.com原创,转摘请注明



电话咨询:010-60520722 QQ咨询:3792656   |   583696287   |   66733350 关于WebDN  |  站点地图  |  联系我们  |  支付方式  |  友情链接
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号