CSS——icon 全解

331 阅读1分钟
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技巧