CSS圖標是我們在網(wǎng)頁設(shè)計中經(jīng)常會使用的元素，它可以讓頁面看起來更加美觀。不過，當我們需要使用一張大圖中的某一部分作為圖標的時候，就需要對圖片進行分段截取。下面，介紹一下如何通過CSS將一張大圖截取成多個小圖標的方法。 首先，我們需要通過`background-image`屬性將一張大圖作為背景圖片。接著，我們可以使用`background-position`屬性來指定在整張大圖上的位置。比如，如果我們需要使用大圖中的第一行第一列作為圖標，就可以設(shè)置`background-position: 0 0;`。 接下來，我們需要使用`width`和`height`屬性來設(shè)定圖標的寬度和高度。這里需要注意的是，如果我們只是截取了大圖中的一部分作為圖標，那么在設(shè)置寬高時，需要按照實際圖標的大小進行設(shè)置。 代碼示例： ```

這里是使用CSS分段截取的圖標：

在上面的代碼中，我們定義了一個名為`icon`的CSS類，并為其設(shè)置了背景圖片、寬度和高度。接著，我們又定義了兩個子類`icon-1`和`icon-2`，并分別設(shè)置了它們在大圖中的位置。最后，我們將這兩個圖標顯示在頁面上。 通過這種方式，我們可以將一張大圖分割成多個小圖標，并通過CSS的方式進行使用。這種方法不僅可以提高頁面加載速度，還可以讓我們在頁面設(shè)計中更加靈活地使用圖標。