CSS image 切割是一種常見的處理圖片的方法，它可以幫助我們在網頁中展現完整的圖片，同時又可以只顯示我們需要的部分。本文將介紹一些基本的 CSS image 切割方法。

首先，我們需要有一張圖片作為切割對象：

<img src="example.jpg" alt="example">

接下來，我們可以通過設置圖片的相關 CSS 屬性來對其進行切割。例如，我們可以使用clip屬性來指定要顯示的圖片區(qū)域：

img {
position: absolute;
clip: rect(0px, 100px, 100px, 0px);
}

上述代碼將只顯示圖片的左上角 100px x 100px 區(qū)域。其中rect()函數的四個參數分別為top, right, bottom, left，表示切割區(qū)域的上邊界、右邊界、下邊界、左邊界。這些參數都是相對于圖片本身的位置。

除了使用clip屬性，我們還可以使用background-position屬性實現圖片切割。該屬性用于設置背景圖片的起始位置：

.div {
width: 100px;
height: 100px;
background-image: url(example.jpg);
background-position: -50px -50px;
}

上述代碼將只顯示圖片的中心 100px x 100px 區(qū)域，因為我們將背景圖片的起始位置設置為左上角移動了 50px。

此外，我們還可以使用 CSS3 的mask-image屬性來實現圖片切割。該屬性用于設置遮罩層，只顯示與遮罩重合的部分：

.div {
width: 100px;
height: 100px;
background-image: url(example.jpg);
-webkit-mask-image: url(mask.png);
mask-image: url(mask.png);
}

上述代碼將只顯示與mask.png重合的部分，其余部分將被隱藏。

以上是一些基本的 CSS image 切割方法，使用這些技巧可以幫助我們更好地處理網頁中的圖片。