CSS中的按鈕是網頁設計中常用的元素，其樣式也是網頁美觀度的重要因素之一，其中最基礎的就是按鈕的形狀。

.btn {
display: inline-block;
padding: 8px 16px;
border-radius: 4px; /* 圓角 */
border: none;
background-color: #4CAF50;
color: #fff;
text-align: center;
font-size: 16px;
cursor: pointer;
}
/*方形按鈕*/
.square {
border-radius: 0;
}
/*圓形按鈕*/
.circle {
border-radius: 50%;
}
/*橢圓形按鈕*/
.ellipse {
border-radius: 50%/30%;
}

通過CSS樣式的不同，我們可以實現方形按鈕、圓形按鈕和橢圓形按鈕。其中，方形按鈕是最簡單的，只需要去掉按鈕圓角屬性即可。圓形按鈕可以通過設置border-radius為50%來實現，而橢圓形按鈕需要設置兩個border-radius值來實現，第一個值表示水平方向的圓角半徑，第二個值表示豎直方向的圓角半徑。

按鈕的形狀即使這樣，也能在設計上起到一定的改變作用，希望本文能幫助到大家。