Input按钮!background-position另类用法!

DATE: 2016-11-10 / VIEWS: 643

从网易126邮箱翻出来的,按钮切换效果,往往需要二三张图片,它只用了一张图片全搞定...收藏!

HTML代码
.a1,.a2,.b1,.b2{background:url(http://mimg.126.com/index/bg_x.png) no-repeat}
.a1{width:82px; height:23px; background-position:-4px -55px;border:0;}
.a2{width:82px; height:23px; background-position:-4px -80px;border:0;}
.b1{width:67px; height:23px; background-position:-4px -4px; border:0;}
.b2{width:67px; height:23px; background-position:-4px -30px;border:0;}


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]