CSS圓角矩形是網頁中常用的美化元素之一，它可以讓頁面更加美觀。下面我們來看看如何制作圓角矩形。

// 如下是一個基本的圓角矩形樣式 
border-radius: 10px; // 設置四個角的半徑為10px 
border: 2px solid #ddd; // 設置邊框 
padding: 10px; // 設置內邊距

以上樣式可以創建一個簡單的圓角矩形。border-radius屬性用于設置四個角的半徑，如果將所有角設置為相同的長度，則可以使用以下方式減少代碼。

border-radius: 10px;
// 等效于以下樣式：
border-radius: 10px 10px 10px 10px;

如果想要單獨設置每個角的半徑，則可以使用以下方式：

border-radius: 20px 10px 30px 15px;
// 分別對應左上角，右上角，右下角，左下角的半徑大小

我們還可以使用更加復雜的圓角形狀，如橢圓形或不規則多邊形。

border-radius: 50% 20% / 30% 10%; // 橢圓形
border-radius: 10% 0 0 10px / 50% 0 0 60%; // 不規則多邊形

除了border-radius外，我們還可以使用其他屬性樣式來調整圓角矩形的樣式。

box-shadow: 2px 2px 10px #ddd; // 添加陰影
background-color: #f1f1f1; // 設置背景色

通過以上樣式的調整和組合，我們可以創建出屬于自己風格的圓角矩形。