CSS制作橢圓形按鈕的方法

在CSS中，我們可以使用border-radius屬性來制作橢圓形按鈕，以下是一些示例代碼：

HTML部分：

<div class="ellipse-button">我是橢圓形按鈕</div>

CSS部分：

.ellipse-button {
  width: 200px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 50%/50%;
  text-align: center;
  line-height: 100px;
}

在這個示例中，我們創(chuàng)建了一個名為.ellipse-button的類，用于制作橢圓形按鈕，通過設定寬度、高度和邊框屬性，我們可以制作出基本的橢圓形按鈕，我們使用border-radius屬性將按鈕的四個角變?yōu)闄E圓形，我們設置text-align和line-height屬性，使文本在按鈕中垂直和水平居中。

你可以根據自己的需求調整這個樣式，例如改變按鈕的大小、顏色、邊框寬度等，希望這個示例能幫助你制作出漂亮的橢圓形按鈕！