如何使用 CSS 设置图标颜色、大小和阴影的样式？

在网页设计中，图标以及图标的样式是非常重要的。通过设置图标的颜色、大小和阴影的样式，可以让网页设计更加美观和易于理解。

以下是一些 CSS 属性和样式，可以帮助您设置图标的样式。

颜色

通过设置 CSS 的 color 属性，可以轻松设置图标的颜色。

.icon {
  color: red;
}

在上面的代码中，我们设置图标的颜色为红色。这会影响 icon 元素以及所有子元素的文本颜色。

大小

通过设置 CSS 的 font-size 属性，可以设置图标的大小。

.icon {
  font-size: 24px;
}

在上面的代码中，我们设置图标的大小为 24 像素。

阴影

通过设置 CSS 的 box-shadow 属性，可以为图标添加阴影效果。

.icon {
  box-shadow: 2px 2px 2px #888;
}

在上面的代码中，我们使用了 box-shadow 属性为图标添加了一个灰色的阴影效果。2px 表示阴影的水平和垂直偏移量，2px 表示阴影的模糊程度，#888 表示阴影的颜色。

以上就是 CSS 设置图标颜色、大小和阴影的样式的介绍。希望对你有所帮助。