我如何从FontAwesome的图标样式的颜色,大小和阴影?
例如,FontAwesome的网站将显示一些白色图标和一些红色图标,但不会显示如何样式它们的CSS……
我如何从FontAwesome的图标样式的颜色,大小和阴影?
例如,FontAwesome的网站将显示一些白色图标和一些红色图标,但不会显示如何样式它们的CSS……
当前回答
图片来源:我可以改变Font Awesome的图标颜色吗?
(这个答案建立在那个答案的基础上)
(对于书签图标,例如:)
inyour.css文件:
.icon-bookmark.icon-white {
color: white;
}
inyour.html文件:
<div class="icon-bookmark icon-white"></div>
其他回答
你也可以添加样式内联:
<i class="icon-ok-sign" style="color:green"></i>
<i class="icon-warning-sign" style="color:red"></i>
图片来源:我可以改变Font Awesome的图标颜色吗?
(这个答案建立在那个答案的基础上)
(对于书签图标,例如:)
inyour.css文件:
.icon-bookmark.icon-white {
color: white;
}
inyour.html文件:
<div class="icon-bookmark icon-white"></div>
尺寸: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;}
将i标签包装在p或span中,然后您可以使用bootstrap css类
<p class="text-success"><i class="fa fa-check"></i></p>
在FontAwesome 4.0中,类更改为'fa-2x', 'fa-3x'。