CSS可以很容易地通過border-radius屬性實現圓角矩形。這個屬性用于設置元素邊框的圓角。

實現一個簡單的圓角矩形，只需要設置border-radius屬性為一個指定的像素值即可：

.example {
border-radius: 6px;
}

上面的代碼將元素的四個角設置成了6像素的圓角。如果只想設置其中的某幾個角，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius分別設置。

除了像素值外，border-radius屬性還支持百分比值和長度值。例如：

.example {
border-radius: 50%;
}

上面的代碼將元素的四個角設置成了半徑等于容器大小一半的圓形，實現了一個簡單的圓形。

border-radius屬性還支持多個值的設置，分別對應四個角的圓角半徑：

.example {
border-radius: 10px 20px 30px 40px;
}

上面的代碼將左上角設置成了10像素、右上角設置成了20像素、右下角設置成了30像素、左下角設置成了40像素的圓角。

總之，使用CSS的border-radius屬性可以很方便地實現各種圓角矩形效果，讓界面更加美觀。