水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有
作用的，可以用来分隔文本和对象。在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设为背景，一行红色虚线就做好了。
|
