CSS 可以非常輕松地給網(wǎng)頁添加小圖標，使得網(wǎng)頁更加美觀、易于閱讀。在本文中，我們將介紹如何使用 CSS 設(shè)置小圖標。 首先，我們需要找到想要使用的小圖標。可以使用免費的圖標庫，如 Font Awesome 或 Material Icons，也可以使用自定義的圖標。找到圖標后，我們使用 CSS 將其添加到網(wǎng)頁上。 我們首先需要在 HTML 中添加一個元素，用于顯示圖標。可以使用多種元素，如 `` 或 ``。例如：

這是一段帶有圖標的文本

在這里，我們使用 Font Awesome 圖標庫中的 star 圖標，將其添加到了一個 `` 元素中。 現(xiàn)在讓我們來看一下 CSS，如何將這個圖標添加到網(wǎng)頁上：

.fa {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.fa-star:before {
content: "\f005";
}

在這里，我們首先定義了一個類名 `.fa`，并將其綁定到了 Font Awesome 5 Free 字體。然后，我們使用 `.fa-star:before` 這個選擇器，將圖標添加到了帶有 `.fa-star` 類名的元素中。使用 `:before` 偽元素，我們可以在元素前添加任意的內(nèi)容。在這里，我們使用 `content: "\f005";` 這個屬性，將圖標的 Unicode 值 `\f005` 添加到了 `:before` 偽元素中。 現(xiàn)在刷新網(wǎng)頁，我們就可以看到已經(jīng)成功地將圖標添加到了文本中。 總結(jié)一下：使用 CSS 設(shè)置小圖標非常簡單，只需要找到要使用的圖標，添加元素，然后在 CSS 中綁定元素和圖標就可以了。同時，使用圖標庫可以節(jié)省很多時間和精力，讓我們的網(wǎng)頁更加美觀和易于閱讀。