<style>
.a-btn{
background:url(../image/btn.gif) left top no-repeat;/* background-position:left top;展现出左侧按钮的圆角 */
height:30px;
display:inline-block; /* 撑开 */
line-height:30px;
padding-left:15px;/*没有会遮住左侧的按钮的圆角 */
}
.span-btn{
background:url(../image/btn.gif) right -39px no-repeat;/* background-position:right -39px;展现出右侧按钮的圆角，此外，position： 向左-，向上- */
height:30px;
display:inline-block;
line-height:30px;
padding-right:15px; /* 文字据右侧圆角的距离 */
}
</style>
<body>
<div class="">
<a href="" class="a-btn"><span class="span-btn">提交</span></span></a>
</div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
