今天小编跟大家讲解下有关a和span组合定义按钮样式实例分享 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关a和span组合定义按钮样式实例分享 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: <style type="text/css"> a:link { color: #3B5998; text-decoration: none; } .ui-base-button { background-image: url("a-bg.png"); background-position: right top; background-repeat: no-repeat; font-size: 12px; color: #414241; font-family:"宋体","Arial","Helvetica","Verdana","sans-serif"; padding-right:9px; padding-top:5px; padding-bottom:6px; } .ui-base-button span { background-image: url("a.png"); background-position: left top; background-repeat: no-repeat; padding-left:9px; padding-top:5px; padding-bottom:6px; } </style> <a class="ui-base-button"href=""> <span>搜索</span> </a> 其中a.png是按钮的背景图片 是一张带边框的长矩形 这样显示出来的按钮为 其中a标签中嵌套span标签 <a><span>**</span></a>为主要形式 通过padding来控制文字的位置并且使得背景图片衔接的合理。来源：爱蒂网
