CSS作為前端開發中不可或缺的一環，不僅可以控制頁面的布局和樣式，同時還能對圖片進行裁剪。本文將介紹CSS對圖片的裁剪。

/* 實例1：截取圖片的一部分 */
img {
clip-path: inset(50px 200px 50px 200px);
}
/* 實例2：將圖片變為圓形 */
img {
clip-path: circle(50%);
}
/* 實例3：將圖片變為橢圓形 */
img {
clip-path: ellipse(50% 70%);
}
/* 實例4：將圖片按照路徑裁剪 */
img {
clip-path: path("M50 50 L100 200 L200 100 L300 300 L400 100 L500 200 L550 50 Z");
}

上述代碼中，clip-path屬性可以用于裁剪圖片。其中，inset、circle和ellipse是生成圖形，path則可以根據路徑來裁剪圖片。通過clip-path屬性的運用，可以輕松地實現對圖片的裁剪效果。除了以上實例，還有更多的屬性和值可以使用，開發者們可以根據自己的需求來探索更多的可能性。