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

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

通過設(shè)置border-radius屬性，我們可以讓頁面上的各種元素?fù)碛胁煌笮『托螤畹膱A角。
最后，需要注意的是，CSS設(shè)置的圓角只是視覺上的圓角，而不會改變元素的實(shí)際形狀。即便是把一個矩形的所有角都設(shè)置為圓角，它的寬度和高度仍舊是矩形的寬度和高度。