如何设置FontAwesome的图标颜色,让FontAwesome图标变彩色

最近一个站点想把之前黑白的FontAwesome图标颜色给改成彩色的,网上查了不少资料,好像很多人说的还比较麻烦,但最后571免费资源小编还是找到了个简单好用的方法。

以下为黑白和彩色的对比,明显好看很多:

如何设置FontAwesome的图标颜色,让FontAwesome变彩色

→ 点此获取正规游戏试玩赚钱软件~

首先我们使用FontAwesome图标,地址:点此进入

比如礼盒这个获取到的图标代码是:

<i class="fa fa-gift" aria-hidden="true"></i> 礼物推荐

这个时候显示是黑白的。

如果我们想要像上边图片那样显示红色,则添加样式内联即可,代码如下:

<i class="fa fa-gift" aria-hidden="true" style="color:red"></i> 礼物推荐

就行了。

style="color:red" 其中 red 代表红色,如果是蓝色,将 red 改成 blue 即可。

相关颜色代码可以参考这个网页:点此进入

游乐星球 点此下载

相关推荐