<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

你只需要添加

background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

一个简单的谷歌搜索可以找到这个......