在使用 CSS 設計網頁時，往往需要給元素添加邊框。但是默認的邊框是直角的，這不利于網頁的美觀和用戶的體驗。因此，我們可以使用 CSS 中的 border-radius 屬性來給邊框添加圓角效果。

border-radius 屬性可以設置四個值，分別對應邊框的四個角。例如：

border-radius: 10px 0 0 10px;

這個代碼可以讓左上角和右下角的邊框呈現出圓角的效果。

如果想讓所有角都呈現圓角，可以簡寫為：

border-radius: 10px;

如果你的邊框是虛線（dashed）或點線（dotted），并且想讓圓角效果更加明顯，可以再加上 outline-offset 屬性。例如：

border: 1px dashed black;
border-radius: 10px;
outline: 1px solid white;
outline-offset: -10px;

這個代碼讓邊框與外層的白色虛線錯開了 10px，顯示出圓角的效果。

總之，在設計網頁時，邊框的圓角效果可以讓頁面更美觀、更易讀，也可以給用戶一種柔和的感覺，突出頁面的主體內容。