4icon 的各种做法

ps来 css40.PNG

右击图层，然后复制图层，放在new文件夹里面哦

css41.PNG
然后剪一下，默认的那些直接ok就好
css42.PNG

发现不是100乘100，又去image里面吧canvas size设置 成减成100乘100
然后导出file下面export
如果设计师给哒png就谷一下魔法棒，看看怎么弄

然后加入使用，下面二种方法，各有千秋

image法
background 法

还有这种雪碧图（sprites）方法(background 合一法)(利用隐藏的)
先谷一下css sprites generator，利用在线工具生成之后，

css45xbt.PNG

在把代码黏贴到使用中

css46.PNG

font 法 SVG 法，我现在用的那个

新手慎用：「CSS 就是干」法，很有趣的样子,向大佬学习
https://cssicon.space/#/