在網頁設計中，小圖片的使用是非常常見的。它可以作為背景圖片、圖標等等。在CSS中，小圖片可以使用background-image屬性來實現，也可以使用background屬性來同時設置背景圖片、大小、位置等。下面我們通過一個簡單的例子來了解一下CSS中如何使用小圖片。

/* 定義一個類 */
.small-image {
background-image: url("path/to/image.png"); /* 設置背景圖片的路徑 */
background-repeat: no-repeat; /* 設置不重復 */
background-size: 40px 40px; /* 設置圖片的大小 */
background-position: center; /* 設置圖片居中 */
}
/* 在HTML中使用該類 */
<div class="small-image"></div>

以上代碼中，我們先定義了一個小圖片的類.small-image，通過background-image屬性來設置小圖片的路徑，background-repeat屬性來指定不重復，background-size屬性來設置圖片大小，background-position屬性來居中顯示。

在HTML中，我們通過<div>標簽并添加類.small-image來使用該樣式，從而顯示小圖片。

除了使用<div>標簽，還可以在其他元素中使用，例如<p>標簽、<a>標簽等等。只需要在對應的元素中添加類名即可。

小圖片在網頁設計中有很多應用，可以作為網頁背景、圖標、按鈕等等。學好CSS，掌握如何使用小圖片，在網頁設計中可以實現更多的效果。