逐行替换<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);
}