CSS是一種網頁樣式定義語言，其中有一個重要的用途就是設置網頁中的圖片。在使用CSS設置網頁圖片時，有時需要只使用圖片的某一部分而不是全部顯示。那么如何做到呢？下面我們就來講解一下如何使用CSS取部分圖片。

/*在CSS中通過background-image屬性指定圖片*/
.demo{
background-image:url("example.jpg");
}

這里我們通過background-image屬性將圖片鏈接進入CSS樣式表中。如果要取部分圖片，我們可以使用background-position屬性。這個屬性可以設置圖片在元素內的位置的坐標值。下面是具體代碼：

/*取圖片的左上角1/4部分*/
.demo {
background-image:url("example.jpg");
background-size: 200px 200px;
background-position:0 0;
height:100px;
width:100px;
}

在這個例子中，我們先使用background-image屬性指定了圖片鏈接，然后使用background-position和background-size屬性來取圖片的左上角1/4部分。background-size需要設置圖片的寬度和高度，單位是px。而background-position需要設置圖片在元素內的位置坐標，其中第一個參數為水平位置，第二個參數為垂直位置。這里我們將坐標設置為0 0，則表示圖片的左上角與元素的左上角重疊在一起。最后，我們通過設置元素的高度和寬度來確定顯示圖片的大小。

通過這個方法，我們就可以輕松地取部分圖片并用在我們的網頁中了！