要實現半圓形效果，可以使用border-radius屬性來設置元素的圓角半徑。具體步驟如下：
<div> 元素。border-radius屬性來設置元素的圓角半徑，將其設置為元素寬度的一半，這樣就可以實現半圓形效果。例如，如果元素寬度為200px，則設置border-radius: 100px。overflow: hidden屬性來裁剪元素的內容，以確保只顯示半圓形部分。下面是一個示例代碼：
<!DOCTYPE html>
<html>
<head>
<style>
.half-circle {
width: 200px;
height: 100px;
background-color: #f0f0f0;
border-radius: 100px 100px 0 0; /* 設置圓角半徑為元素寬度的一半 */
overflow: hidden; /* 裁剪元素內容 */
}
</style>
</head>
<body>
<div class="half-circle"></div>
</body>
</html>
通過以上步驟，就可以使用border-radius屬性來實現半圓形效果。
