CSS是網頁設計中必不可少的一部分，可以使網頁變得更加美觀和動態。而在一些場景下，我們需要使用小圖標來裝飾網頁內容。如何使用CSS來調用小圖標呢？下面就讓我們來一起了解一下。 首先，我們需要下載一些小圖標的圖片，可以從一些免費圖庫網站上下載。接著，我們將這些圖片放在網站的img文件夾內。 然后，我們需要在CSS中聲明這些小圖標。為了讓CSS可以識別小圖標，我們需要把每張小圖標都定義成一個class或id。比如我們可以定義一個類名為“icon”，這樣我們就可以在CSS中輕松地調用這個類名。 在CSS中，我們需要為我們的小圖標指定一些屬性。比如我們需要指定小圖標的寬度和高度，以及位置、顏色等信息。可以通過下面的代碼來實現：

.icon {
display: inline-block;  /* 小圖標需要顯示為內聯元素，以便可以和文本一起排列 */
width: 16px; /* 定義小圖標的寬度 */
height: 16px; /* 定義小圖標的高度 */
background-image: url('images/icon.png'); /* 定義小圖標的背景圖 */
background-repeat: no-repeat; /* 禁止小圖標的背景圖重復 */
background-position: -10px -5px; /* 定義小圖標的位置 */
color: #999; /* 小圖標的顏色 */
}

在以上代碼中，我們使用了“background-image”屬性來定義了小圖標的背景圖，并使用“background-position”屬性來指定小圖標在背景圖中的位置。此外，我們還可以使用其他一些屬性來設置小圖標的樣式，比如“color”屬性可以改變小圖標的顏色，或者通過“border”屬性來設置小圖標的邊框等等。 最后，在HTML中，我們可以使用類名或id來調用這些小圖標。如下所示：

這是一個小圖標。

通過以上的方法，我們就可以使用CSS來調用小圖標，使我們的網頁內容更加生動和美觀了。