在CSS中，div元素是非常常用的塊級元素，它可以用來組合網頁中的元素，來進行布局和設計。在div元素中，我們可以使用圓角來制作出美觀的矩形。來看看如何在CSS中使用圓角來制作div矩形。

div {
background-color: #333;
color: #fff;
border-radius: 10px;
padding: 20px;
}

在這段代碼中，我們首先為div元素設置了背景顏色和文字顏色。然后，我們使用了border-radius屬性來設置圓角。border-radius屬性可以接受一個或多個參數，用來指定四個角的圓角程度，或者一個統一的數值來指定所有四個角的程度。在該代碼中，我們使用了10px來指定四個角的圓角程度。最后，我們使用padding屬性來增加間距，使矩形更加美觀。

我們還可以進一步對這個矩形進行美化，比如為其添加陰影或漸變等。同時，我們也可以使用不同的圓角程度來制作出各種形狀的矩形，例如只設置一個角的圓角，或者設置大圓角和小圓角等。

div {
background-color: #333;
color: #fff;
border-radius: 10px 0 10px 0; /* 僅設置左上角和右下角的圓角 */
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* 添加陰影 */
background-image: linear-gradient(#333, #666); /* 添加漸變 */
}

在這個例子中，我們僅設置了左上角和右下角的圓角，使得矩形形狀更為復雜。我們同時也為其添加了陰影和漸變，從而使得矩形出現了更多的層次感和美感。

通過使用圓角，我們可以方便地制作出美觀且多樣化的矩形形狀，這在網頁設計中是非常有用的。同時，在制作矩形時，我們也可以借助其他的CSS屬性來進一步美化和優化矩形的效果。