日期:2014-05-17  浏览次数:20584 次

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