在 CSS 中，使用 border-radius 屬性可以將邊框設置為圓角。border-radius 屬性有四個值，分別對應四個邊角的半徑大小。

border-radius: 上左 上右 下右 下左;

其中，上左表示左上角，上右表示右上角，下右表示右下角，下左表示左下角。這四個值可以分別設置為具體的像素值、百分比值、特定關鍵詞和自適應長度。

下面是使用百分比值實現圓角的例子：

.box {
width: 200px;
height: 100px;
border-radius: 20% 0 0 20%;
background-color: #f00;
}

上面的例子將左上角和左下角的半徑設置為寬度的 20%，右上角和右下角的半徑為 0。

我們也可以使用特定關鍵詞來設置圓角，如下：

.box {
width: 200px;
height: 100px;
border-radius: 30px 50px 40px 60px;
background-color: #f00;
}

上面的例子將左上角的半徑設置為 30 像素，右上角的半徑設置為 50 像素，右下角的半徑設置為 40 像素，左下角的半徑設置為 60 像素。

最后，我們可以使用自適應長度來設置圓角，代碼如下：

.box {
width: 200px;
height: 100px;
border-radius: 50% / 40%;
background-color: #f00;
}

上面代碼中，50% 表示整個盒子的半徑大小，/ 后面的 40% 表示橢圓的長軸半徑大小，實現了一個橢圓形的盒子。

以上就是 CSS 中如何設置邊框圓角的方法，希望本文能夠對大家有所幫助。