hr 通过 css 使用图像答案

【问题标题】：hr with an image through csshr 通过 css 使用图像
【发布时间】：2015-09-10 18:22:08
【问题描述】：

我觉得这很痛苦。我试图让 CSS 在使用 < hr /> 标记时使用图像。我目前正在使用：

hr
{
  display:block;
  border:none;
  height:10px;
  background-image:url('img/ruler.gif');
}

但是，我总是在图像周围出现边框。如您所见，border:none 什么都不做。

我知道还有其他方法，例如使用 div。但是是否可以只使用 hr 标签？

主要用户将使用 IE6，所以需要一个兼容 IE6 的解决方案。谢谢

【问题讨论】：

标签： html css

【解决方案1】：

hr {
    display:block;
    border:0px;
    height:10px;
    background-image:url('img.gif');
}

【讨论】：

【解决方案2】：

将border:none; 更新为border:0;

【讨论】：