在 CSS 中，下半圓是一種非常常見的效果，經常用于設計中的各種元素。在使用 CSS 創建下半圓時，我們可通過偽元素和 clip-path 屬性來實現。

.element {
position: relative;
width: 200px;
height: 100px;
background: #ccc;
}
.element:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: #fff;
clip-path: ellipse(50% 0% at 50% 100%);
}

其中，使用了一個偽元素 :after 來實現下半圓。通過 position 屬性將該元素相對于其父級元素進行定位，并設置 bottom 屬性為 0，使其位于父級元素底部。

然后，設置該偽元素的大小為父級元素的一半，并設置背景顏色為白色。最重要的是 clip-path 屬性，通過該屬性的橢圓值，我們指定了一個水平半徑為父級寬度的一半（50%），垂直半徑為 0% 的橢圓形，并通過 at 屬性指定了橢圓形圓點的位置為底部的正中心（50% 100%）。

這樣就能實現一個漂亮的下半圓元素了。