CSS標題是網頁設計的重要部分，經常需要在標題中添加圖標或圖片，以便更好地突出網站內容和品牌形象。下面我們來講一下CSS如何在標題中添加圖標。

/* CSS代碼塊 */
h1 {
background: url(icon.png) no-repeat left center; /* 設置背景圖像 */
padding-left: 30px; /* 設置左內邊距 */
}

在上面的代碼中，我們使用了CSS的背景屬性來設置標題欄的背景圖像。在背景屬性中，我們指定了圖像的URL、圖像的重復方式以及圖像位置的水平和垂直位置。

為了使圖標居中，我們還需要指定標題的左內邊距，以保證文字和圖標之間有足夠的空間。

如果我們想在標題欄中添加多個圖標，可以通過多重背景來實現：

/* CSS代碼塊 */
h1 {
background-image: url(icon1.png), url(icon2.png); /* 設置多重背景圖像 */
background-position: left center, right center; /* 設置多個背景圖像的位置 */
background-repeat: no-repeat; /* 設置圖像不重復 */
padding-left: 30px; /* 設置左內邊距 */
}

在上面的代碼中，我們使用逗號分隔了多個背景圖像，并通過background-position指定了每個圖像的左右位置。然后，我們將背景圖像設置為不重復，并調整左內邊距以適應多個圖像。

總之，通過CSS的背景屬性和內邊距，我們可以輕松地在標題中添加圖標或圖片，進而提升網站的視覺體驗和品牌形象。