在Web開發中，我們經常需要創建漂亮的半圓形狀。而CSS中的border-radius屬性可以實現這一效果。

border-radius屬性可以定義一個元素的邊角弧度，它可以接受1-4個值，每個值都對應一個邊角。如下：

border-radius: 10px; /* 同時設置四個角 */
border-radius: 10px 5px; /* 上下左右兩個角分別為10px和5px */
border-radius: 10px 5px 8px; /* 左上角、右上角為10px和5px，左下角為8px */
border-radius: 10px 5px 8px 3px; /* 左上角為10px，右上角為5px，右下角為8px和左下角為3px */

我們可以使用這個屬性來創建半圓形狀。通常是將水平圓角和垂直圓角設為相等的值。

.half-circle{
width: 100px;
height: 50px;
border-radius: 50px 50px 0 0; /* 左上、右上兩個角為50px，左下、右下角為0 */
background-color: #f00; /* 設置背景色 */
}

通過這個樣式，我們可以創建一個寬度為100像素，高度為50像素的紅色半圓形狀。

總之，CSS的border-radius屬性是一個非常簡單而又有用的屬性，它可以幫助我們輕松創建各種形狀，包括半圓形狀。