在網頁設計中，小圖標往往是一個不可或缺的元素。它可以為頁面增添趣味性和美感，同時也可以方便用戶理解頁面內容。在CSS中，我們可以使用背景圖像來設置小圖標。 首先，在HTML中添加一個帶有特定Class的元素，如下所示：

<p class="icon-bg">這是一個小圖標的背景</p>

在CSS中，我們可以為這個Class添加以下樣式：

.icon-bg {
background-image: url("icon.png"); // 小圖標的路徑
background-repeat: no-repeat; // 禁止重復
background-position: center; // 圖片居中
padding-left: 20px; // 圖片與文字間隔
}

這樣我們就可以為這個元素添加一個小圖標背景了。其中，background-image屬性用于設置背景圖像的路徑，background-repeat屬性用于設置圖像不重復，background-position屬性用于將圖像居中顯示，padding-left屬性用于控制圖片與文字的間隔。 需要注意的是，如果我們有多個小圖標需要使用背景圖像來設置，可以將這些圖標保存為一個圖像文件并將其等分成多個小圖標。在CSS中，我們可以使用background-position屬性來指定每個圖標的位置。 通過這種方式，我們可以方便地在網頁設計中使用小圖標背景，增添頁面的美感和趣味性。