1、img法
2、background法
3、background合一法
4、font法
5、SVG法
6、CSS法(新手慎用)
一、切图
使用PS等软件
二、雪碧图CSS Sprites
三、iconfont
不同的字体长得样子不一样,那么能不能长得特别不一样呢?比如一个字张成微博图标的样子?
答案是可以的!这就是iconfont的原理!
四、SVG
二三四都是用工具
www.iconfont.cn
五、用CSS写图标
也是用工具
搜“CSS icon”
比如
cssicon.space/#/ 等,拿来直接用!
可以用来练习CSS技巧
转载于:https://juejin.im/post/5d0a54715188254c43468a6f