用CSS样式画横线的方法

 时间:2024-10-14 13:15:47

今天在做网页的时候,酋篚靶高需要用到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下总是在高度方面,上面总是空了一点距离,找不到好的解决方法,不知有高手是否知道,请留言指教!

  • HTML5 svg和CSS3炫酷鼠标点击按钮特效制作方法
  • background: url(1.jpg)no-repeat 1px 1px;
  • DIV+CSS教程:[7]顶划线、下划线、删除线
  • 利用HTML5和css样式声明制作简单的一级导航栏
  • javascript中如何使用nextSibling 属性?
  • 热门搜索
    word目录怎么做 脸过敏发红痒怎么办 邮箱怎么发送文件夹 苹果开不了机怎么办 总建筑面积怎么算 猪大肠怎么洗 视频怎么旋转 蒸汽熨斗怎么用 手机我的世界怎么联机 怎么定位苹果手机位置