CSS的圓角邊框是用來(lái)給HTML元素添加一個(gè)圓角邊框的屬性。我們可以使用CSS的border-radius屬性完成這項(xiàng)功能。border-radius可以指定某一個(gè)角的圓角效果，也可以同時(shí)指定多個(gè)角的圓角效果，具體語(yǔ)法如下：

/*指定一個(gè)角*/
border-top-left-radius:10px;
/*同時(shí)指定多個(gè)角*/
border-radius:10px 20px 30px 40px;

其中，border-radius的四個(gè)值分別表示上、右、下、左四個(gè)邊框角的圓角半徑，值得注意的是，這里的值都是可以使用百分?jǐn)?shù)的，這意味著我們可以根據(jù)元素的大小而不是具體的像素值進(jìn)行定位。同時(shí)，我們也可以使用“/”來(lái)分隔四個(gè)值，分別表示水平和垂直方向上的圓角半徑，例如：

/*水平半徑為10px，垂直半徑為20px*/
border-radius:10px/20px;

使用border-radius屬性可以讓我們方便地控制HTML元素的邊框效果，創(chuàng)造出更美觀的網(wǎng)頁(yè)界面。