在CSS中，我們可以使用border-radius屬性來設置圓邊框。border-radius屬性可以設置4個值，分別表示每個角的圓角半徑。
比如：border-radius: 10px 20px 30px 40px;
這個屬性設置將會使所有四個角產生不同的圓角半徑。
我們可以在一個屬性里設置一個或兩個值，這樣所有圓角都將有相同的半徑。如下所示：
pre {
border: 1px solid black;
border-radius: 10px;
}
這個代碼片段會在一個pre標簽中創建一個黑色的邊框，邊框的圓角半徑為10px。
如果我們想要創建一個圓形的邊框，可以設置一個非常大的圓角半徑，確保圓角半徑大于等于元素本身的寬和高。
pre {
border: 1px solid black;
border-radius: 100%;
}
這個代碼將在一個pre標簽中創建一個圓形的邊框，邊框的寬度為1像素，顏色為黑色。
如果我們只想要讓邊框的某些角被修飾成圓角，可以使用以下方式：
pre {
border: 1px solid black;
border-top-left-radius: 10px;
border-bottom-right-radius: 20px;
}
這個代碼將在一個pre標簽中創建一個黑色的邊框，但是只有左上角和右下角被修飾成了圓角，圓角半徑分別為10px和20px。
總而言之，設置圓邊框是一個很簡單的過程，只需要使用border-radius屬性即可。如果你想要創建不同種類和形狀的邊框，可以使用不同的值和組合，以達到你想要的效果。