CSS樣式中，圓角矩形是一種常見的設計元素。實現這種效果可以通過border-radius屬性來實現。

border-radius: 10px;

上面的代碼將會把一個矩形的四個角都變為半徑為10像素的圓角。如果想讓某個角不出現圓角，可以只設置該角的圓角半徑：

border-top-left-radius: 10px;

上面的代碼只設置了左上角出現圓角，其余3個角仍舊是直角。

如果需要設置不同圓角大小，可以分別使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性：

border-top-left-radius: 10px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 30px;

上面的代碼將左上角的圓角半徑設置為10像素，右上角的圓角半徑設置為20像素，左下角的圓角半徑設置為5像素，右下角的圓角半徑設置為30像素。

除了設置固定的圓角半徑之外，還可以設置百分比的圓角半徑，表示相對于邊長的百分比：

border-radius: 50%;

上面的代碼將會把一個正方形轉變為一個圓形。

最后，如果想讓圓角具有透明度，可以設置background-clip屬性為padding-box或content-box：

background-clip: padding-box;
	/* 或者 */
	background-clip: content-box;

這樣做將會保證背景顏色只顯示在圓角的內部，而不會顯示在圓角邊緣。