45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:用CSS样式画横线的步骤

用CSS样式画横线的步骤

2015-08-12 17:09:34 来源:www.45fan.com 【

用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下总是在高度方面,上面总是空了一点距离,找不到好的解决方法,不知有高手是否知道,请留言指教!

 

本文地址:http://www.45fan.com/bcdm/17562.html
Tags: 样式 css 横线
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部