如何样式图标的颜色，大小，和阴影的FontAwesome图标

我如何从FontAwesome的图标样式的颜色，大小和阴影?

例如，FontAwesome的网站将显示一些白色图标和一些红色图标，但不会显示如何样式它们的CSS……

当前回答

如果你同时使用Bootstrap，你可以使用:

<i class="fa fa-check-circle-o fa-5x text-success" ></i>

否则:

<i class="fa fa-check-circle-o fa-5x" style="color:green"></i>

2014-10-21 18:05:45

其他回答

请参考链接 http://www.w3schools.com/icons/fontawesome_icons_intro.asp

<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>

<i class="fa fa-car fa-lg"></i>
<i class="fa fa-car fa-2x"></i>
<i class="fa fa-car fa-3x"></i>
<i class="fa fa-car fa-4x"></i>
<i class="fa fa-car fa-5x"></i>

2016-10-28 06:50:34

在FontAwesome 4.0中，类更改为'fa-2x'， 'fa-3x'。

2013-12-16 18:59:44

尺寸:fa-lg, fa-2x, fa-3x, fa-4x, fa-5x For Color: <i class="fa fa-link fa-lg" aria-hidden="true"style=" Color: indianred"></i> . 对于阴影:.fa-linkedin-square{text-shadow: 3px 6px #272634;}

2018-07-25 21:45:15

你也可以添加样式内联:

<i class="icon-ok-sign" style="color:green"></i>

<i class="icon-warning-sign" style="color:red"></i>

2013-03-11 19:03:20

inyour.css文件:

    *.icon-white {color: white}
    *.icon-silver {color: silver}

inyour.html文件:

    <a><i class="icon-book icon-white"></i> Book</a>
    <a><i class="icon-ok-sign icon-silver"></i> OK</a>

2013-09-12 16:47:31

如何样式图标的颜色，大小，和阴影的FontAwesome图标

推荐文章

最新文章

标签