CSS icon 属性的使用

CSS的icon属性可以通过设置font-family属性来显示自定义图标。

工具/原料

华硕FH5900v

Windows10

VScode1.67.1

方法/步骤

1、在网页中导入所需字体包

2、设置font-family属性为导入的字体包中自定义图标的类名

3、在HTML中使用相应类名显示图标

4、通过CSS进行样式调整

5、在CSS中添加:before或:after伪元素实现图标与文字的组合显示