html - 标签作为图像

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;

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

google 搜索如何居中背景时的第一个结果 http://www.w3schools.com/cssref/pr_background-position.asp