精灵图切图:
<div style="background:url('image的路径') no-repeat -10px 0px"></div>
比较好用的精灵图切图网站:http://www.spritecow.com/
可以直接复制代码使用
切图后存在边框原因及解决方法:
如果直接使用
<img style="bagckground:url('image的路径') no-repeat -10px 0px" />
由于img标签的原因会导致切图后出现黑色边框,border:none也无法去除
这样解决方法有两种,最简单的就是换标签,使用div可以直接解决
另一种就是给img标签添加一个src="" 空的路径地址也可以解决这个边框问题