CSS中如何設置圖標 在網頁開發中，常常需要添加各種圖標來美化界面，而CSS是一個很重要的工具，可以用來設置圖標。 一、使用FontAwesome字體 FontAwesome是一個非常流行的圖標字體庫，其中包括各種圖標，如箭頭、星星、汽車等等。使用方法很簡單，在head標簽中引入Font Awesome樣式表：

然后在需要添加圖標的元素中，添加Font Awesome的類名，例如：

<i class="fa fa-star"></i>

這樣就可以添加一個星星圖標。 二、使用圖片作為背景 如果需要添加一些自己的圖標，也可以使用CSS的background屬性來設置背景圖片。假設我們有一張logo.png的圖標需要添加到一個div元素中，可以這樣設置：

div {
width: 50px;
height: 50px;
background-image: url("logo.png");
background-size: cover;
}

其中，background-image屬性用來設置背景圖片，background-size屬性用于指定背景圖片的尺寸。 三、使用data URI 如果希望將圖標直接嵌入到CSS中，可以使用data URI。data URI是一種將小文件嵌入到文檔中的方法，比如把圖像、音頻和視頻等直接放在HTML或CSS文件中，以減輕HTTP請求數和網站設計文件的大小。

div {
width: 50px;
height: 50px;
background-image: url("data:image/png;base64,iVBORw0KGg..."); 
/* data URI字符串 */
background-size: cover;
}

其中，data URI字符串中的iVBORw0KGg...部分是圖標文件的Base64編碼。 使用上述方法，我們可以輕松地添加各種圖標到網頁中，使網頁更加美觀。