CSS中要截取片段圖片，可以利用background-position屬性。這個(gè)屬性可以讓我們?cè)O(shè)置背景圖在元素內(nèi)的位置。接下來(lái)我們就可以通過(guò)改變背景圖的位置來(lái)達(dá)到截取片段圖片的目的。 首先，我們需要定義一個(gè)具有固定寬高的元素，并設(shè)置其背景圖。例如我們想要截取一個(gè)左上角的小三角形，可以先設(shè)置元素的寬高為0，再設(shè)置背景圖為三角形，如下所示：

.triangle {
width: 0;
height: 0;
background-image: url(triangle.png);
}

接下來(lái)我們需要利用background-position屬性來(lái)定位背景圖的位置，以截取出我們需要的小三角形。對(duì)于左上角的三角形，我們需要將背景圖向上和向左移動(dòng)寬高的距離，即：

.triangle {
width: 0;
height: 0;
background-image: url(triangle.png);
background-position: -10px -10px; /* 這里的值需要根據(jù)實(shí)際情況調(diào)整 */
}

這樣我們就可以截取出一個(gè)左上角的小三角形了。同樣的，如果要截取其他位置的片段圖片，也可以通過(guò)調(diào)整background-position的值來(lái)實(shí)現(xiàn)。需要注意的是，background-position的值可以使用百分比、像素值等單位，以便更好地控制背景圖的位置。 總之，利用CSS中的background-position屬性，可以方便快捷地截取出需要的片段圖片，為網(wǎng)頁(yè)設(shè)計(jì)提供更多樣化的選擇。