使用CSS可以非常方便地設置矩形圓角，實現頁面設計的多樣化。下面就讓我們來看看如何設置。
首先，我們需要理解什么是圓角。矩形的每個角都是直角，而我們通過設置圓角，會把矩形的一些或全部角變成圓弧。通過設置圓角，可以讓頁面看起來更加柔和和美觀。
下面是CSS中設置圓角的代碼，代碼需要寫在樣式文件或頁面中的style標簽內。我們使用border-radius屬性來控制圓角的大小。

<pre>
p {
border-radius: 10px;    /* 設置四個角都是10像素 */
}
p {
border-radius: 10px 5px;    /* 第一個參數是左上和右下角，第二個參數是右上和左下角 */
}
p {
border-radius: 10px 5px 20px;    /* 第一個參數是左上角，第二個參數是右上和左下角，第三個參數是右下角 */
}
p {
border-radius: 10px 5px 20px 15px;    /* 分別控制左上、右上、右下、左下角 */
}

通過設置border-radius屬性，我們可以讓頁面上的各種元素擁有不同大小和形狀的圓角。
最后，需要注意的是，CSS設置的圓角只是視覺上的圓角，而不會改變元素的實際形狀。即便是把一個矩形的所有角都設置為圓角，它的寬度和高度仍舊是矩形的寬度和高度。