FontAwesome 垃圾桶图标 - CSS

简介

FontAwesome 是一款非常流行的图标字体库，其中包含了各种常见的图标，包括垃圾桶图标。利用 CSS 样式，可以很方便地引用这些图标，并进行样式的定制。

引入

可以通过以下代码片段在 HTML 中引入 FontAwesome：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-+UvdZzfxJ/3cdXhJgcfys5L6N5U6PCKUIn2BaepeR4iRWvEauHGWG9X9OTjI0SdAaYfY+iq3rqLwfhjgOZBv8A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

使用

在引入 FontAwesome 后，可以通过添加相应的 CSS 类名，来引用垃圾桶图标。以下是示例代码：

<i class="fas fa-trash"></i>

其中，fas 表示使用实体化图标，fa-trash 表示垃圾桶图标的类名。以上代码将渲染出垃圾桶图标。可以通过 CSS 样式，进行样式的定制。

定制

可以通过以下 CSS 样式，来定制垃圾桶图标的样式：

.fa-trash {
  color: red;  /* 改变颜色 */
  font-size: 24px;  /* 改变大小 */
}

以上样式会将垃圾桶图标的颜色改为红色，并将大小改为 24 像素。可以根据自己的需要，进行样式的定制。

总结

利用 FontAwesome 的垃圾桶图标，可以很方便地在网页中添加常见的删除操作按钮。通过定制 CSS 样式，可以进一步增强用户体验。