在網頁設計中，很多時候我們需要為一些特定的元素添加小圖標，以達到更好的視覺效果。這時候，CSS就為我們提供了方便的方法來設置小圖標。

首先，我們需要準備好小圖標的圖片文件，可以選擇PNG、SVG等格式。然后，我們在CSS中使用如下代碼來設置：

.icon {
background-image: url("path/to/icon.png");
background-position: center;
background-repeat: no-repeat;
/* 可以添加其他屬性 */
}

在這個代碼中，我們使用了一個名為.icon的類來給元素添加小圖標。其中，background-image屬性用于指定圖標圖片的路徑，我們需要將“path/to/icon.png”替換成實際路徑。background-position屬性則用于指定圖標在元素中的位置，這里我們使用了center居中對齊。最后，我們使用background-repeat屬性來防止圖標在元素中重復出現。

除了上述屬性，我們還可以使用其他一些屬性來進一步定制小圖標的樣式，比如background-size、width、height、opacity等。例如：

.icon {
background-image: url("path/to/icon.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
opacity: 0.5;
}

在這個代碼中，我們設置了background-size屬性，讓圖標大小為20x20像素，同時通過width和height屬性也進行了確認。另外，我們還使用了opacity屬性來降低圖標的透明度，使其與元素更好地融合。

總之，CSS中的小圖標設置是比較簡單的，我們只需要準備好圖片文件，并在CSS中添加相應的屬性即可。通過不同的屬性組合，我們可以實現各種各樣的小圖標樣式，讓網頁更加美觀、易于識別。