其实就是放一个盒子,然后给盒子添加一个背景图片,移动背景图片的位置,让想要的图案出现在盒子里.
下面做一个案例,使用下面的字母图,用精灵图的方式将自己的名字拼出来
<!...精灵图是由诸多优点的,但是缺点很明显:
1.图片文件还是比较大的.
2.图片本身放大和缩小会失真.
3.一旦图片制作完毕想要更换非常复杂....现在我们放一个span,里面插入我们想要的字体图标.
我们先打开demo文件:
里面有我下载好的图标.
复制想要的图标后面的小长方形,粘贴到span中....现在再给span一个样式,字体是icomoon,从上面复制下来即可,现在我们的图标就变成了字体图标可以随意的放大缩小,改变颜色了.