在設(shè)計一個網(wǎng)站的時候，經(jīng)常需要用到按鈕來實(shí)現(xiàn)一些功能，而有時候我們需要一個比較特別的按鈕，比如半圓形狀的按鈕。那么如何實(shí)現(xiàn)一個CSS半圓形狀的按鈕呢？

.btn {
display: inline-block;
width: 100px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 25px 0 0 25px;
background-color: #08c;
color: #fff;
font-size: 18px;
}
.btn:hover {
background-color: #0066cc;
cursor: pointer;
}

上面代碼中，我們先定義一個.btn類來實(shí)現(xiàn)按鈕的樣式。我們將按鈕的寬度設(shè)為100px，高度設(shè)為50px，并且將它們居中對齊。為了讓按鈕呈現(xiàn)半圓形狀，我們使用了 border-radius 屬性來定義按鈕的圓角，其中第一個值表示左上角、第二個值表示右上角、第三個值表示右下角、第四個值表示左下角。

最后，我們還定義了.btn:hover偽類來實(shí)現(xiàn)鼠標(biāo)懸停時的效果。當(dāng)鼠標(biāo)經(jīng)過按鈕時，背景顏色會由#08c變成#0066cc，同時鼠標(biāo)指針也變成了手型。

通過上面的CSS代碼，我們就可以輕松實(shí)現(xiàn)一個漂亮的半圓形狀按鈕了。你也可以在這個代碼基礎(chǔ)上進(jìn)行一些二次修改，比如改變按鈕的顏色、大小等等，來滿足不同的設(shè)計需求。