CSS圓的半陰影可以增強網頁的美觀性和體驗性。下面介紹實現半陰影的方法。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
}

上面代碼中，circle類定義一個寬高都為100px的圓形，設置了border-radius屬性為50%，使其變成圓形。box-shadow屬性實現半陰影效果，其中，0 0 10px分別對應水平偏移量、垂直偏移量和模糊度。rgba(0, 0, 0, 0.5)設置半陰影的顏色，其中，rgba表示紅、綠、藍和透明度（0.5表示半透明）。

如果想要實現帶有邊框的圓形半陰影，可以修改代碼如下：

.circle-border {
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #ccc;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
}

上面代碼中，circle-border類在circle類的基礎上增加了border屬性，設置了2px的實線邊框和灰色的顏色。

CSS圓的半陰影可以為網頁增添美觀性和優雅感，讓網頁變得更加美好和引人注目。