在網頁設計中，邊框是常見的元素。我們可以使用 CSS 來定制 HTML 元素的邊框。

然而，有時候我們希望邊框不是直角，而是圓潤的，這時候該怎么做呢？下面是幾種實現方法。

/* 方法一：使用 border-radius 屬性 */
.rounded-border {
border: 2px solid #ccc;
border-radius: 10px;
}
/* 方法二：使用 box-shadow 屬性 */
.shadow-border {
border: 2px solid #ccc;
box-shadow: 0px 0px 10px #ccc;
}
/* 方法三：使用 background-clip 和 padding 屬性 */
.clip-border {
border: 2px solid #ccc;
background-clip: padding-box;
padding: 10px;
}

這三種方法分別是：

• 使用 border-radius 屬性來設置元素邊框的圓角。可以設置固定的像素值，也可以使用百分比。
• 使用 box-shadow 屬性來模擬圓角邊框。box-shadow 可以設置陰影大小、顏色等屬性，通過增加陰影大小來模擬圓角。
• 使用 background-clip 和 padding 屬性來限制背景顏色的顯示范圍。將 background-clip 設為 padding-box，則背景顏色只會顯示在元素的 padding 區域內。然后再設置 padding 值，就可以實現圓角邊框效果。

可以根據自己的需求選擇一種方法來實現圓潤的邊框效果。