CSS半圓按鈕的用途很廣泛，可以用在網站設計里的按鈕，也可以用于其他的需要圓形元素的設計中。

.button {
display: inline-block;
border-radius: 25px;
background-color: blue;
color: white;
text-align: center;
font-size: 20px;
width: 100px;
height: 50px;
overflow: hidden;
}
.button:before {
content: "";
position: absolute;
z-index: -1;
border-radius: 0 0 25px 25px;
background-color: lightblue;
width: 100%;
height: 200%;
transform: translate(-50%, -75%) rotate(-2deg);
}Click Me

在這個例子中，我們為按鈕設置了一個藍色的背景和白色的字體。我們用了border-radius屬性來將按鈕的四個角變成圓形，并且使用了overflow:hidden來隱藏按鈕圓角之外的部分。使用:before選擇器，我們為按鈕添加了另一層背景，實現了半圓的效果。通過使用transform屬性，我們可以將這一層背景旋轉并移動到正確的位置。

這個例子只是一個基礎的實現方法，實際上，半圓按鈕可以有很多種不同的形狀和樣式。你可以根據自己的需要進行調整和修改。