CSS是前端開發中必不可少的一種技術，它可以處理頁面的樣式和布局等諸多方面。其中包括如何截取部分圖片。在本文中，我們將介紹如何使用CSS來實現這個功能。 首先，我們需要了解一些基本知識。在HTML中，我們可以使用img標簽來插入圖片。例如： ``` ``` 在CSS中，我們可以使用background-image屬性來設置背景圖片。例如： ``` div { background-image: url('img/sample.png'); } ``` 如果我們想要截取圖片的一部分，在CSS中，我們可以使用background-position屬性。它可以指定背景圖片的位置，比如： ``` div { background-image: url('img/sample.png'); background-position: -50px -50px; } ``` 上述代碼表示，背景圖片的位置向左移動50像素，向上移動50像素。這樣我們就可以截取圖片中的一個矩形區域。 如果我們想要截取圖片的一個圓形區域，可以使用background-clip和border-radius屬性。具體做法是，將background-clip屬性設置為padding-box或content-box，并設置border-radius屬性的值為50%。例如： ``` div { background-image: url('img/sample.png'); background-position: -50px -50px; background-clip: padding-box; border-radius: 50%; } ``` 上述代碼表示，背景圖片的位置向左移動50像素，向上移動50像素，在所選區域內繪制圓形。注意，此處background-clip屬性設置的值與border-radius屬性的值有關。 以上就是使用CSS截取部分圖片的基本方法。希望本文對您有所幫助。