CSS圓角矩形是一種常見的設計元素，它可以使網站看起來更加現代化和舒適，下面介紹如何用CSS來實現圓角矩形。

border-radius: 5px;

上述代碼中，border-radius是CSS中實現圓角矩形的關鍵屬性，5px表示圓角的半徑大小。我們可以在任何HTML元素中使用該屬性，如下所示：

div {
border-radius: 10px;
}

上面的代碼將創建一個帶有10px圓角的矩形div元素。

如果想要設置不同大小的圓角，可以使用如下代碼：

border-radius: 10px 5px 20px 15px;

上述代碼中的四個值分別對應了矩形四個角的半徑大小，按照順時針方向依次設置。

使用CSS創建圓角矩形是一種簡單易懂的方式，通過調整border-radius屬性，可以輕松實現各種形狀的圓角矩形，快來試試吧！