在網頁設計中，圖標是非常重要的一個元素。CSS圖標是一種常用的設計元素，常見于導航菜單和頁面要素之中。那么，如何在網頁中添加CSS圖標呢？ 首先，我們需要選擇一組CSS圖標庫。目前，比較受歡迎的圖標庫有Font Awesome和Ionicons等。這些圖標庫提供了一組可供使用的現成圖標，使用起來非常方便。 其次，我們需要引入這些圖標庫到我們的項目中。這可以通過在HTML文檔中添加一個鏈接來實現。以Font Awesome為例，在HTML文檔中添加以下代碼即可引入該圖標庫：

<link rel="stylesheet" >

接下來，我們可以在頁面中使用這些圖標了。要使用一個圖標，我們需要在HTML中添加一個帶有相應圖標類名的元素。以Font Awesome為例，以下代碼將在頁面中添加一個帶有“用戶”圖標的按鈕：

<button class="btn"><i class="fa fa-user"></i> 用戶登錄</button>

在代碼中，“fa”是圖標庫名稱，“fa-user”表示一個用戶圖標。當我們在按鈕的HTML代碼前添加一個元素并設置圖標類名時，圖標就會顯示在該按鈕上。 最后，我們可以通過CSS樣式來自定義圖標。比如，我們可以通過以下樣式使圖標向左移動5個像素：

.fa-user {
margin-left: 5px;
}

上述代碼中，“.fa-user”是指“用戶”圖標類名，而“margin-left: 5px”則是CSS樣式，用于控制該圖標向左移動5個像素。 通過以上步驟，我們可以輕松地在網頁中添加CSS圖標，使頁面更加美觀與易用。