- 爱易网页
-
HTML教程
- CSS自适应宽度圆角旋钮
日期:2014-05-17 浏览次数:20664 次
CSS自适应宽度圆角按钮
1.背景图片实现
Html代码:
-
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; }
-
a span { display:block; background: url(btn_bg.png) no-repeat right 0px; padding-right:20px;}
-
a:hover { background: url(btn_bg.png) no-repeat 0px -37px;}
-
a:hover span{ background: url(btn_bg.png) no-repeat right -37px;}
Html代码:
免责声明: 本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。