CSS自适应宽度圆角按钮

1.背景图片实现 

Html代码:  

1. a { display: block; float:left; margin-left:5px; height: 37px;line-height: 37px;  background: url(btn_bg.png) no-repeat 0px 0px; color: #d84700; text-decoration: none; padding-left:18px; }  
2.   a span { display:block; background: url(btn_bg.png) no-repeat right 0px; padding-right:20px;}  
3.   a:hover { background: url(btn_bg.png) no-repeat 0px -37px;}  
4.   a:hover span{ background: url(btn_bg.png) no-repeat right -37px;}  

 

Html代码:  

1. <p>  
2.  <a href="#"><span>免费注册</span></a>  
3.  <a href="#"><span>登录</