更改字体真棒图标颜色 - CSS

如果你正在使用 Font Awesome 图标，你可以使用 CSS 来更改它们的颜色。

1. 通过 color 属性设置颜色

可以通过设置 color 属性来更改 Font Awesome 图标的颜色。如下:

.icon {
  color: #ff0000; /* 这里设置了红色 */
}

2. 通过 text-shadow 属性设置颜色

还可以通过设置 text-shadow 属性来更改 Font Awesome 图标的颜色，这个方法有点类似于投影。

.icon {
  text-shadow: 0px 0px 1px #ff0000; /* 这里设置了红色 */
}

3. 通过 background-color 属性设置颜色

也可以通过设置 background-color 属性来更改 Font Awesome 图标的颜色。不过，应该先设置 font-size 属性，以确保图标占据整个背景。

.icon {
  font-size: 40px;
  background-color: #ff0000; /* 这里设置了红色 */
  color: #fff; /* 文字颜色为白色 */
  padding: 10px; /* 可以添加一些内边距 */
}

注意，这里使用 color 属性来设置文字颜色，因为如果只使用 background-color 属性来设置背景颜色，那么文字颜色可能会被设置成不可见。

这就是用 CSS 更改 Font Awesome 图标颜色的三种方法。希望对你有帮助！