CSS中的盒子模型指的是將HTML元素看做一個矩形盒子，并且包含著元素的內容、內邊距、邊框和外邊距等屬性。在很多情況下，我們需要讓這個盒子的邊緣變得更加圓滑美觀。CSS提供了一些屬性來實現盒子邊緣圓滑的效果。

.box {
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari、Chrome */
-o-border-radius: 5px; /* Opera */
}

以上代碼中，border-radius屬性用來設置盒子的圓角半徑，它表示盒子邊角的曲率半徑，默認單位為px。如果我們要支持多個瀏覽器，就需要使用-moz-border-radius、-webkit-border-radius和-o-border-radius等屬性來兼容各個瀏覽器。

除了border-radius屬性之外，CSS還提供了其他一些屬性來控制盒子邊緣的樣式：

.box {
border-top-left-radius: 3px; /* 左上角圓角 */
border-top-right-radius: 3px; /* 右上角圓角 */
border-bottom-left-radius: 3px; /* 左下角圓角 */
border-bottom-right-radius: 3px; /* 右下角圓角 */
border: 1px solid #ddd; /* 邊框樣式 */
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* 盒子陰影 */
}

以上代碼中，我們使用了border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius等屬性來控制盒子邊角的樣式，使得盒子的四個角落都能夠有不同的半徑。同時，我們還使用了border和box-shadow等其他屬性來進一步設置盒子的樣式，使得它變得更加美觀。

在設計Web頁面時，盒子圓角的應用非常廣泛。通過合理的使用CSS的邊框圓角屬性，可以使得頁面看起來更加美觀、簡潔，從而提升用戶的體驗和滿意度。