在Web設計中，經常會需要使用圖片放置在一個特定的區域中。但是，很多時候圖片的邊角很難配合頁面設計，而且可能因為圖片本身的內容，而導致邊角部分看起來過于突兀。為了解決這個問題，我們可以使用CSS樣式來裁剪圖片的邊角。

/* 以圓角為例子 */
img {
	border-radius: 50%;
}

上面的代碼使用了border-radius屬性，它的值是圖片長寬的一半。這樣，圖片的邊角就自動變成了圓形。同樣的道理，我們可以使用不同的數值來實現不同的圓角大小。

img {
	border-radius: 10px;
}

上述代碼中，border-radius屬性設為10px，表示圖片的四個角都將以10像素的半徑進行處理。你也可以像下面這樣只裁剪某個角：

img {
	border-top-left-radius: 10px;
	border-bottom-right-radius: 20px;
}

使用border-top-left-radius和border-bottom-right-radius屬性，你可以在不同的角上設置不同的圓角數值。這樣做不僅可以讓圖片與網頁更和諧，還可以提高用戶的視覺感受。

除了圓角，CSS還支持其他形狀的邊角，如橢圓、平滑斜線等等。詳細的介紹，請參考CSS3規范。總之，使用CSS樣式擴展了圖片的表現力，帶來更豐富的網頁展示效果。