热门关键字：
jquery > jquery教程 > div+css > 滑动门真正的魅力之圆角自适应按钮

滑动门真正的魅力之圆角自适应按钮

2427
作者：管理员
发布时间：2012/7/23 21:48:00
评论数：0
转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=9

 

滑动门真正的魅力之——圆角自适应按钮

样式代码如下：
  1. /*btn*/  
  2. .btn{height:25px; background:url(bg.png) right top no-repeat; float:left; padding-right:10px;text-decoration:none; margin:0 3px;}   
  3. .btn span{line-height:23px; height:25px; background:url(bg.png) left top no-repeat; float:left; cursor:pointer; color:#76381B; font-weight:bold; padding-left:10px; }  
HTML代码如下：
  1. <a href="#" class="btn"><span>漫画</span></a>  
  2. <a href="#" class="btn"><span>网友插件分享</span></a>  
  3. <a href="#" class="btn"><span>漫画原创Jquery插件</span></a>  
背景图如下：
 
效果如下：




如果您觉得本文的内容对您的学习有所帮助：支付鼓励



关键字：jquery
友荐云推荐