CSS中的按鈕設計一直是開發人員尤其關注的一個領域。而其中一種流行的設計就是橢圓形的按鈕。在本文中，我們將討論如何使用CSS創建這樣的按鈕。

.button {
background-color: #008CBA;
border-radius: 25px;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

在這份CSS代碼中，我們使用了border-radius屬性來設置按鈕的橢圓形。通過設置這個屬性的值為按鈕寬度/高度的一半，我們可以創建一個完美的橢圓形。

需要注意的一點是，為了確保橢圓形按鈕的外觀完美，我們可能需要使用JavaScript來動態設置按鈕的寬度和高度，使得兩者相等。

同時，我們可以使用漸變顏色和陰影效果來進一步提升橢圓形按鈕的外觀。以下是一份使用漸變顏色和陰影效果的CSS代碼：

.button {
background: linear-gradient(to bottom, #1E90FF, #0077B3);
box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
border-radius: 25px;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

在這份CSS代碼中，我們使用了線性漸變來創建一個漂亮的漸變效果，并且使用了box-shadow屬性來添加陰影效果。

總的來說，橢圓形按鈕可以為網站或應用程序增加一個獨特的風格。通過使用CSS，我們可以輕松創建漂亮的橢圓形按鈕，以滿足各種設計需求。