今天我們來講一下如何在css中提取部分圖片，首先我們需要在html中添加一個img標簽，然后給這個標簽添加一個類名。 ```

在HTML中添加圖片并為其添加類名

<img src="example.png" class="example-img">

``` 接下來，我們在css中使用background-image屬性來提取圖片，需要設置圖片路徑和圖片的坐標。 ```

使用background-image屬性提取圖片

.example-img {
background-image: url('example.png');
background-position: -10px -50px;
width: 100px;
height: 100px;
}

``` 其中，background-position屬性中的兩個參數分別表示圖片橫向和縱向的位置，可以根據需要進行微調。 最后，我們可以將原來的img標簽隱藏起來，只顯示提取出來的部分圖片。 ```

將原img標簽隱藏，只顯示部分圖片

.example-img {
background-image: url('example.png');
background-position: -10px -50px;
width: 100px;
height: 100px;
}
.example-img img {
visibility: hidden;
}

``` 可以看到，只顯示了提取出來的部分圖片，并且原來的img標簽已經被隱藏起來了。 希望這篇文章能夠幫助大家更好地理解如何在css中提取部分圖片。