网页设计如何插入水平线？

在Dreamweaver里有以下办法：\x0d\x0a1、设计视图，点插入菜单-HTML-水平线，或者在代码视图，直接输入即可；\x0d\x0a2、插入一个高度为1px的表格或div，一定要删除空格符 ，div的话还要设置超出隐藏；\x0d\x0a3、可以用CSS：border-bottom:1px solid #ccc\x0d\x0a4、可以用插入一个直线图片

网页中制作一条水平线的HTML代码有以下的方法可以实现：

1.使用html中的border属性来设置一条水平线

<div style="width:500px border:1px solid red"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

2.使用hr标签可以制作一条水平直线

<hr/>

3.使用background-color来制作一条线，和border基本类似

<div style="width:500px height:1pxbackground-color:red"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

4.可利用背景图来实现和background-color原理一样

<div style="width:500px height:1pxbackground:url(背景图的路径) repeat-x"></div><!--复制到html文件中就会是一条红色水平直线，线的颜色、长短、可自己调节-->   

---