CSS圓弧按鈕是現代Web設計中常用的一種按鈕樣式。它可以為網站或應用程序增添一份時尚感和現代感，并且還可以提高用戶的點擊率。下面就讓我們學習一下如何創建CSS圓弧按鈕吧。

.button {
border: none;
border-radius: 20px;
color: white;
font-size: 18px;
font-weight: bold;
padding: 10px 20px;
}
.button.red {
background: #ef5350;
}
.button.blue {
background: #42a5f5;
}
.button.green {
background: #66bb6a;
}
.button:hover {
cursor: pointer;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

上述代碼展示了如何創建具有圓弧效果的按鈕。我們可以看到，我們首先定義了.button 類，它包含了按鈕的基本樣式，例如邊框、圓角、顏色、字體大小和字體重量等。接下來，我們定義了 .button.red、.button.blue 和 .button.green 類來分別定義我們所需的不同按鈕顏色。

最后，我們使用:hover 偽類來為按鈕定義鼠標懸停時的效果。我們給它添加了一個動態陰影，當鼠標懸停在按鈕上時，將會呈現出一個漂亮的陰影效果。

要使用這些按鈕，只需在HTML中使用以下代碼：

<button class="button red">Click me</button>
<button class="button blue">Click me</button>
<button class="button green">Click me</button>

使用上述代碼，我們可以輕松創建漂亮的圓弧按鈕，并且可以根據需要自由定制樣式。