CSS是一種用于樣式和布局的編程語言，它的特點之一是可以創建漂亮的矩形并設置圓角，使網站或應用程序更加美觀。在CSS中，使用border-radius屬性可實現這一特性。

/* 將矩形的四角設置成圓角 */
div {
border-radius: 10px;
}

在上面的代碼中，我們使用border-radius屬性將矩形的四個角都設置成10像素的圓角，可以對任何塊級元素使用此屬性。

除了將所有角都設為圓角之外，也可以為矩形的每個角單獨設置圓角。

/* 分別設置四個角的圓角半徑 */
div {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 5px;
}

在上面的代碼中，我們分別給每個角設置了不同的圓角半徑。如果只想設置某些角為圓角，而其他角為直角，則可以使用border-radius的四個值來分別指定矩形的四個角。

/* 將左上角和右下角設置為圓角 */
div {
border-radius: 10px 0 0 10px;
}

在上面的代碼中，我們指定了圓角半徑為10像素的左上角和右下角，而右上角和左下角則不設置圓角。

使用border-radius屬性可以輕松創建出漂亮的和諧矩形，為網站或應用程序增添美感和視覺吸引力。