CSS3是一種新的技術，它可以讓網頁更加美觀和動態。其中一個常見的功能就是制作圓角矩形。制作圓角矩形很簡單，我們只需要使用CSS3就可以完成。下面是具體的制作過程。

/* HTML代碼 */
<div class="rectangle"></div>
/* CSS代碼 */
.rectangle {
width: 200px; /* 矩形的寬度 */
height: 100px; /* 矩形的高度 */
background-color: #f1f1f1; /* 矩形的背景顏色 */
border-radius: 10px; /* 圓角半徑 */
}

我們首先需要在HTML代碼中插入一個div元素，它將成為我們要制作的圓角矩形。然后，我們在CSS代碼中設置相關的屬性。

首先，我們設置矩形的寬度和高度。這兩個屬性可以根據實際需要進行調整。接下來，我們設置矩形的背景顏色。這個屬性也可以根據實際需要進行調整。

現在，我們需要設置圓角半徑。圓角半徑決定了矩形的邊角有多圓。我們可以將其設置為一個像素值，也可以將其設置為一個百分比值。在本例中，我們將其設置為10個像素。

完成這些步驟后，我們已經成功地制作出了一個圓角矩形。我們可以通過調整相關的屬性來調整圓角矩形的大小和形狀。