如何使字体真棒图标以特定颜色发光

Question

如何使个人字体真棒图标在我的博主博客中以特定颜色发光，以及我将它放在 html 编辑器中的确切位置

Answer 1

这可以通过 CSS 类来完成。例如：

HTML

<i class="fa fa-address-book" aria-hidden="true"></i>

CSS

.fa-address-book {
  color: #ff0000;
  text-shadow: 0 0 3px #ff0000;
}

这将为该特定图标提供红色发光效果。如果使用此方法，请确保在 fontawesome css之后加载您自己的 style.css 。

或者，您可以创建一个新的 CSS 类

.redGlow {
  color: #ff0000;
  text-shadow: 0 0 3px #ff0000;
}

并在 HTML 中使用该类：

<i class="fa fa-address-book redGlow" aria-hidden="true"></i>

如果 Blogger 不允许您编辑样式表，您可以像这样添加 CSS 内联：

 <i class="fa fa-address-book" aria-hidden="true" style=“color: #ff0000; text-shadow: 0 0 3px #ff0000;”></i>