網(wǎng)頁(yè)圖標(biāo)可以給網(wǎng)站賦予獨(dú)特的標(biāo)志性，使得訪問(wèn)者可以更好地識(shí)別并記憶網(wǎng)站。而使用 CSS 編寫網(wǎng)頁(yè)圖標(biāo)，可以更好地控制圖標(biāo)的大小、顏色等屬性，從而提高網(wǎng)站的可讀性和易用性。

要使用 CSS 編寫網(wǎng)頁(yè)圖標(biāo)，我們首先需要定義一個(gè)偽元素（pseudo-element），然后在該偽元素中使用 content 屬性添加圖標(biāo)的 Unicode 碼或者圖標(biāo)的 URL。

.icon:before {
content: "\f07a";
font-family: "Font Awesome 5 Free";
}

在上面的代碼中，我們定義了一個(gè)類名為 "icon" 的元素，并在其偽元素 ":before" 中使用 content 屬性添加了一個(gè) Unicode 碼，它代表了一個(gè)名為 "fa-book" 的圖標(biāo)。注意，我們還需要定義該字體的名稱為 "Font Awesome 5 Free"，這樣該字體才能正確地被加載和顯示。

除了使用 Unicode 碼外，我們也可以使用圖標(biāo)的 URL，例如：

.icon:before {
content: url("path/to/icon.png");
}

在上面的代碼中，我們同樣定義了一個(gè)類名為 "icon" 的元素，并在其偽元素 ":before" 中使用 content 屬性添加了一個(gè)圖標(biāo)的 URL。需要注意的是，我們應(yīng)該使用相對(duì)路徑或者絕對(duì)路徑指定圖標(biāo)的路徑。

通過(guò)上面的代碼，我們就可以使用 CSS 編寫網(wǎng)頁(yè)圖標(biāo)了。不過(guò)，我們還可以對(duì)圖標(biāo)的尺寸、顏色等屬性進(jìn)行進(jìn)一步調(diào)整，從而適應(yīng)不同的需求。