CSS——icon 全解

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

猜你喜欢

转载自blog.csdn.net/weixin_33893473/article/details/93165925