关于html中如何设置按钮背景与背景图片一样,寻思了好久,代码如下
<style type="text/css">
.banner .container .middle > a {
<!--margin-left:640px;
margin-top:500px;-->
font-size: 18px;
position: relative;
display: inline-block;
padding: 17px 93px;
text-decoration: none;
color: white;
border: 1px solid white;
border-radius: 2px;
background-color: transparent;
font-family: Muli,'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif !important;
}
.btn
{
text-align: center;
}
</style>
<body>
<div class="bg">
<img src="qx1.jpg" />
</div>
最后引用CSS样式
<div class = "btn">
<section class="banner">
<div class="filter"></div>
<div class="container">
<div class="middle">
<a href="#">
立即注册
</a>
</div>
</div>
</section>
</div>
结果如下图所示,此处用的是FireFox浏览器