CSS是一種用于設(shè)計網(wǎng)頁樣式的語言，它可以用來實現(xiàn)各種效果，比如制作圓角矩形。

要制作圓角矩形，我們可以使用CSS3中的border-radius屬性。該屬性可以讓我們設(shè)置元素的圓角半徑，從而實現(xiàn)圓角矩形的效果。

/* 設(shè)置元素的圓角半徑 */
.rounded {
border-radius: 10px;
}

上面的代碼會將具有類名為“rounded”的元素的四個角都設(shè)置成半徑為10像素的圓角，從而達到圓角矩形的效果。

當(dāng)然，我們還可以只設(shè)置元素的部分角為圓角。比如，我們可以將一個元素的左上角和右下角設(shè)置成圓角。

/* 設(shè)置元素左上角和右下角的圓角半徑 */
.rounded {
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}

上面的代碼會讓具有類名為“rounded”的元素的左上角和右下角都設(shè)置成半徑為10像素的圓角，從而形成一個斜角的圓角矩形。

使用CSS制作圓角矩形是非常簡單的。我們只需要設(shè)置border-radius屬性或其子屬性就可以實現(xiàn)。如果你想讓你的網(wǎng)頁看起來更加美觀，不妨試試添加一些圓角矩形效果吧！