逐行替换 <hr>

Question

我想要一个自定义的<hr>，这样它不会渲染一条普通的线，而是重复一个图像来创建一条线。

这是我目前使用的代码

hr {
    border: 0;
    background: url(hr.png) repeat-x;
}

谁能帮帮我？谢谢！

Answer 1

你需要指定一个height:

Example

hr{
    border:0;
    height:20px;
    background:url(http://placehold.it/20);
}