CSS邊框半四周有陰影是頁面設計中經常會用到的效果之一。在實現這個效果之前，我們需要先了解以下幾個屬性：

box-shadow: h-shadow v-shadow blur spread inset color;
border-radius:  top-left top-right bottom-right bottom-left/length%;

box-shadow屬性可以添加一個或多個陰影效果，并且可以使用inset來改變陰影的樣式。其中，參數h-shadow和v-shadow表示陰影的水平和垂直偏移量，blur表示模糊半徑，spread表示陰影的擴展半徑，color表示陰影的顏色。

border-radius屬性可以設置一個或多個圓角，并且可以使用百分比來設置（以元素尺寸為基準）。其中，top-left、top-right、bottom-right和bottom-left分別表示左上、右上、右下和左下四個角，可以單獨設置每個角的圓角半徑。

接下來，我們可以結合這兩個屬性來實現半四周有陰影的效果。具體的實現代碼如下：

.box {
width: 200px;
height: 200px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

上述代碼中，我們先定義了一個大小為200px*200px的盒子，設置了白色背景和灰色邊框，圓角半徑設置為10px。接著，我們添加了一個box-shadow效果，產生了一個半透明的黑色陰影。注意，這里的陰影是添加到整個盒子上的，而不是僅僅在邊框上添加。

總的來說，CSS邊框半四周有陰影是一種非常簡單、實用的頁面設計效果。通過控制border-radius和box-shadow屬性的取值，我們可以靈活地實現不同尺寸、不同形狀、不同顏色的半四周陰影效果。