CSS按鈕怎么變成圓形？答案就在border-radius屬性中。

.button {
border-radius: 50%;
}

使用border-radius屬性可以將元素變成圓角矩形、橢圓甚至是圓形。當我們想讓按鈕變成圓形時，可以將border-radius值設為50%或與元素寬度相等的值。

.button {
width: 50px;
height: 50px;
border-radius: 25px;
}

以上代碼中，我們給按鈕設置了width和height屬性，并將border-radius設為25px，這樣就可以讓按鈕變成圓形。

除了使用border-radius屬性外，我們還可以利用偽元素:before或:after來實現圓形按鈕的效果。

.button {
position: relative;
}
.button:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
background-color: #ccc;
position: absolute;
top: 0;
left: 0;
}
.button span {
position: relative;
z-index: 1;
}

以上代碼中，我們使用偽元素:before來創建一個圓形背景，然后利用padding-bottom將它變成圓形。最后，使用position屬性將按鈕和圓形背景進行定位。

總而言之，想要實現圓形按鈕的效果，我們可以通過border-radius屬性或偽元素來實現，具體方法取決于個人喜好和需求。