<hr />标记为图像

Question

我想使用自定义.png作为hr行

这是我的形象：

这是我写的代码，但它不起作用：

hr { 
display: block;
margin-left: auto;
margin-right: auto;
height:20px;
background:url(../img/bocLine.png);
border:0;
border-color: #000;
}

我不想重复，只想在页面中间放一个。如果它无论如何都有帮助我使用bootstrap。

先谢谢，汤姆

Answer 1

试试这样：

hr { 
display: block;
margin: 0 auto;
height:20px;
background:url(../img/bocLine.png) no-repeat center top; 
border:0;
}