在Web開發中，經常需要使用圖片來美化頁面或呈現所需要的信息。而在一些情況下，我們可能需要提取圖片中的某個部分進行使用，CSS提供了很好的解決方式。 一、使用background-position background-position屬性可以設置背景圖片位置的水平和垂直方向的偏移值。我們可以利用這個屬性來選擇需要顯示的部分。 例如，如果我們有一張寬度為500px，高度為300px的圖片，我們只需要顯示圖片的右上角的100px*100px的部分，可以這樣寫CSS代碼： pre { white-space: pre; font-family: monospace; } p { text-align: center; background-image: url("image.png"); background-position: right top; width: 100px; height: 100px; } 上述代碼中，我們設置了p標簽的背景圖片為image.png，然后通過background-position屬性將圖片顯示在了右上角，最后設置了p標簽的大小為100px*100px。這樣，就可以只顯示圖片的右上角部分了。 二、使用clip-path clip-path屬性可以設置元素的裁剪路徑。我們可以利用這個屬性來裁剪圖片。 例如，如果我們需要將一張寬度為800px，高度為600px的圖片裁剪成中間的400px*400px的部分，可以這樣寫CSS代碼： pre { white-space: pre; font-family: monospace; } p { text-align: center; background-image: url("image.png"); width: 400px; height: 400px; -webkit-clip-path: inset(100px 200px); clip-path: inset(100px 200px); } 上述代碼中，我們設置了p標簽的背景圖片為image.png，然后設置了p標簽的大小為400px*400px。接著，我們使用clip-path屬性來裁剪元素，inset()函數表示內嵌裁剪，參數表示上、右、下、左的距離，所以我們使用inset(100px 200px)來表示左右各裁剪100px，上下各裁剪200px，這樣就可以顯示中間的400px*400px的部分了。 總結：以上是關于CSS圖片如何提取部分的介紹，分別使用background-position和clip-path兩種方式，可以根據實際需要選擇使用。