CSS3 是一種讓網頁設計更加美觀與可愛的語言，他可以做到很多我們以前想都想不到的效果。今天我們來談談 CSS3 中的圖片剪裁。 圖片剪裁其實很簡單，就是把一張圖片的某一部分剪下來，來達到特定的效果。CSS3 中為我們提供了一種非常簡單的方法來剪裁圖片，那就是 clip 屬性。下面我們來看看這個屬性的用法。

.clip {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
}
.clip img {
position: absolute;
top: -20px;
left: -40px;
clip: rect(20px 160px 160px 20px);
}

上面的代碼很容易理解，clip 屬性用 rect() 函數來表示需要剪裁的區域，參數分別對應左上、右下兩個點的坐標。這樣，就可以在一個 div 元素中，把需要剪裁的圖片區域呈現出來。 如果想要做到更多的效果，還有一些其他的方法可以使用。例如，我們可以借助 background-size 屬性，使用 CSS3 中的 background 剪裁。也可以使用 mask 屬性剪裁圖片。 總之，使用 CSS3 來剪裁圖片是非常方便的，無需依賴于其它插件或工具，只需要一些簡單的代碼，就可以實現美觀的效果。大家可以動手嘗試一下哦！