CSS是網頁設計和開發中不可缺少的重要部分，可以通過CSS來設計和實現頁面的各種效果。其中，變圓角邊框是CSS中的一個常見效果。通過設置border-radius屬性可以實現一個元素的邊框變得圓潤。

border-radius: 10px;

上面的代碼將一個元素的邊框設置為圓角，圓角的程度由10px來決定。通過設置不同的數值，可以實現不同大小、不同程度的圓角效果。

border-radius: 50%;

另外，我們也可以將一個元素的邊框設置為一個完整的圓形。通過設置border-radius的值為50%，可以實現一個元素的邊框變為一個圓形。

除此之外，我們也可以通過設置border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來分別控制一個元素的四個角的圓角程度。

border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;

上面的代碼將一個元素的四個角分別設置為不同大小、不同程度的圓角，可以實現一個更加細節化、多樣化的邊框效果。

總之，通過CSS的border-radius屬性，我們可以實現各種各樣的邊框圓角效果，讓頁面的設計更加美觀、生動。