用CSS样式画横线的方法

今天在做网页的时候，需要用到CSS画横线，虽然比较简单，但也出了一些小问题，拿来做个备忘。

方法一：用DIV，代码如下：（推荐此方法）

<div style="width:800px;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>

说明：上面代码中的红色部分overflow:hidden;很重要，如果不加这句的话，在IE6下高度将会被拉的很开。

方法二：用HR，代码如下：

<hr style="margin:0px;height:1px;border:0px;background-color:#D5D5D5;color:#D5D5D5;"/>

但是用方法二HR的方法，在IE6下总是在高度方面，上面总是空了一点距离，找不到好的解决方法，不知有高手是否知道，请留言指教！

欢迎转载，转载请注明：转载自HTMer [ http://www.htmer.com/ ] 

本文链接地址：http://www.htmer.com/article/902.htm