在設計網頁時，我們常常需要為元素添加不同形式的邊框，其中有一種很常見的形式就是半圓邊框。那么在css中，如何實現半圓邊框呢？

.box {
width: 100px;
height: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border: 1px solid #ccc;
}

上述代碼中，我們通過border-*-*-radius屬性來設置半圓邊框的半徑值，從而實現了半圓邊框的效果。

border-*-radius屬性是css3的屬性，適用于所有的盒子模型，包括塊級元素和內聯元素。其中的*代表位置，可以為top、bottom、left、right，代表設置上方、下方、左側、右側的圓角半徑值。

需要注意的是，當我們對元素設置了圓角屬性后，邊框的大小會發生變化，這是因為邊框會跟著元素的形狀而伸縮。如果我們需要控制邊框的大小，可以在設置圓角屬性的同時設置邊框的寬度。

總之，在css中，通過border-*-radius屬性，我們可以輕松實現半圓邊框效果，讓網頁設計更加美觀和精美。