图片button

来源:互联网 发布:淘宝店营销策划方案 编辑:程序博客网 时间:2024/05/22 03:12
.btn {
float:left;
display:inline-block;
height:28px;
line-height:28px;
padding:0 10px 0 35px; //修改图片和文字间距的
background-color:white,
color:#999;
font-weight:bold;
font-size:13px;
text-shadow:0 1px 0 #fff;
position:relative;
border:1px solid #DFDFDF;
margin:0 10px 10px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.btn:hover {
border-color:#cacaca;
background:#F8F8F8;
}

.btn span {
display:block;
position:absolute;
top:6px;
left:9px;
width:16px;//修改button大小的
height:16px;
background-repeat:no-repeat;
background-position:center;
}

  <a href="#"class="btn">确认<spanstyle="background-image:url(Images/icons/5.png);"></span></a>
0 0
原创粉丝点击