在web設計中，我們常常需要制作各種不同形狀、樣式的按鈕。今天我們來談一談如何使用CSS來寫一個圓形的按鈕。

.btn {
display: inline-block;
background-color: #4CAF50;
color: #ffffff;
text-align: center;
font-size: 16px;
border-radius: 50%;
padding: 10px 20px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: #3e8e41;
}

以上是一個基礎的CSS樣式代碼，讓我們來解析一下。

首先，我們創建了一個.btn類，作為我們的按鈕樣式的基礎。接下來，我們使用display: inline-block;將按鈕變成行內塊級元素，使得我們可以在頁面中放置多個按鈕，并且可以隨意設置位置。

然后，我們設置了背景顏色（background-color）、文字顏色（color）、字體大小（font-size）等基礎樣式。在這里，我們將邊框半徑（border-radius）設置為50%，使得按鈕的四個角都變成了圓形，形成了一個圓形的按鈕。

接下來是按鈕的內邊距（padding），我們使用10px的內邊距來增加按鈕的大小，并且使得按鈕文字不會太靠近按鈕的邊緣。最后，我們設置了文字無下劃線（text-decoration: none;），并且添加了按鈕hover效果，鼠標放到按鈕上時，按鈕背景色變為 #3e8e41。

現在，你可以使用以上代碼來創建一個圓形按鈕，并且可以根據需要進行一些微調或者修改，比如改變按鈕的顏色、尺寸等等。