在CSS中，通過border-radius屬性可以實現元素邊框的圓角效果。但是如果想要實現半圓效果，需要一些技巧。

/* 通過設置圓角為50%實現半圓效果 */
.example {
border-radius: 50%;
}

通過將圓角設置為50%，可以將一個元素變成一個圓形。但是如果想要實現半圓，需要進行一些額外的操作。

/* 通過設置寬高和圓角實現上半圓效果 */
.example {
width: 100px;
height: 50px;
border-radius: 50px 50px 0 0;
}

通過設置寬高和圓角的方式，可以實現上半圓效果。其中，第一個值和第二個值代表的是左上角和右上角的圓角半徑，第三個值和第四個值代表的是左下角和右下角的圓角半徑。如果將第三個值和第四個值設置為0，就可以實現上半圓。

/* 通過設置偽元素實現下半圓效果 */
.example {
position: relative;
width: 100px;
height: 50px;
}
.example::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
border-radius: 0 0 50px 50px;
}

通過設置偽元素的方式，可以實現下半圓效果。其中，偽元素的位置設置為絕對定位，并且寬度和高度都設置為父元素的一半大小。圓角的設置方式和上半圓時相反，將第三個值和第四個值設置為圓角半徑即可。