CSS中，圓角邊框樣式是指在元素邊框線(xiàn)的外側(cè)添加一定大小、不同顏色或者形狀的邊框，使元素更具美觀感與裝飾效果。圓角邊框又被稱(chēng)為“圓形邊框”、“邊角鈍化”、“裝飾性邊框”等。

/* 語(yǔ)法 */
border-radius: length|% [length|%]? [/ length|% [length|%]?]*
/* 實(shí)例 */
border-radius: 10px;
border-radius: 50%;
border-radius: 10px 20px 30px 40px;
border-radius: 10px 20px / 30px 40px;

在實(shí)現(xiàn)圓角邊框時(shí)，我們需要使用CSS的border-radius屬性。其中，該屬性可以接受的參數(shù)類(lèi)型為長(zhǎng)度值和百分比參數(shù)，還可以同時(shí)指定上下左右四個(gè)角的弧度大小，或分別指定水平和垂直方向上的兩個(gè)半徑值。一般情況下，我們較常使用的是整數(shù)像素值和百分比數(shù)值來(lái)指定圓角大小。

在CSS3中，border-radius屬性得到了進(jìn)一步升級(jí)。我們不僅可以用簡(jiǎn)單的數(shù)值指定圓角，還可以使用類(lèi)似橢圓形等奇特的形狀來(lái)定義圓角大小。同時(shí)，我們可以將多個(gè)邊框的圓角拼接起來(lái)，組成新的形態(tài)。例如，圓角處理效果為：左上角直角，左下角90度的三分之二圓角，右下角45度的二分之一圓角，右上角為逆時(shí)針旋轉(zhuǎn)135度的四分之一圓角，代碼如下：

border-radius: 0 30px 0 375px / 0 50% 0 75%;

經(jīng)過(guò)圓角邊框樣式的處理后，元素的視覺(jué)效果更加生動(dòng)立體，使頁(yè)面更加美觀、大氣。同時(shí)，也可以通過(guò)邊框的顏色、大小、形狀等屬性的多樣化設(shè)置，來(lái)呈現(xiàn)出更加個(gè)性化的UI設(shè)計(jì)效果。