其实就是放一个盒子,然后给盒子添加一个背景图片,移动背景图片的位置,让想要的图案出现在盒子里.
下面做一个案例,使用下面的字母图,用精灵图的方式将自己的名字拼出来
的,但是缺点很明显:
1.图片文件还是比较大的.
2.图片本身放大和缩小会失真.
3.一旦图片制作完毕想要更换非常复杂....字体图标下载:
icomoon字库
阿里icofont字库
如何使用字体图标:
这个比较麻烦,我一步一步讲解....我们解压好以后将font文件放在我们html文件的根目录下,点开style,里面有引用的格式.
现在我们放一个span,里面插入我们想要的字体图标....阿里的icofont我还没搞清楚要怎么使用,一会研究一下