a和span组合定义按钮样式实例分享
导读：收集整理的这篇文章主要介绍了a和span组合定义按钮样式实例分享，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <style tyPE="text/css"> a:link { color: #...
收集整理的这篇文章主要介绍了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来控制文字的位置并且使得背景图片衔接的合理。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： a和span组合定义按钮样式实例分享
本文地址： https://pptw.com/jishu/584836.html