在網(wǎng)頁設(shè)計(jì)中，我們常常會需要在標(biāo)題中添加一些圖標(biāo)來美化頁面的效果，這時候就可以使用CSS來實(shí)現(xiàn)。 首先我們需要準(zhǔn)備一個icon的圖片，可以從網(wǎng)絡(luò)上下載或者自己設(shè)計(jì)。然后在CSS中定義一個class，比如我使用的是“icon”，樣式如下：

.icon {
background-image: url('icon.png'); /* 圖片路徑 */
background-repeat: no-repeat; /* 不重復(fù) */
background-size: 16px; /* 圖片大小 */
padding-left: 20px; /* 圖片距離文字間距 */
}

這里使用了背景圖片作為圖標(biāo)，設(shè)置了不重復(fù)、固定大小和距離文字的間距。 然后在HTML中，我們給需要添加圖標(biāo)的標(biāo)題添加這個class，如下所示：

這是一個帶圖標(biāo)的標(biāo)題

這樣，我們就可以給頁面的標(biāo)題添加圖標(biāo)了。如果我們需要使用不同的圖標(biāo)，只需要更換背景圖片的路徑即可。 同理，我們也可以通過CSS來給頁面中的其他元素添加圖標(biāo)，只需要按照上面的方法設(shè)置相應(yīng)的class和樣式即可。