CSS是網頁設計中必不可少的一部分。在設計網頁時，設置按鈕的形狀是常見的需求。在這篇文章中，我們將介紹CSS如何設置按鈕形狀。 首先，我們需要了解CSS中的box-sizing屬性。該屬性可以讓我們更好地控制元素的大小。我們可以通過將box-sizing屬性設置為border-box來使用CSS指定邊框以內的元素尺寸。這樣可以確保元素的大小和位置始終保持一致。下面是一個例子：

button {
box-sizing: border-box;
width: 100px;
height: 40px;
border-radius: 5px;
border: 1px solid black;
}

在這個示例中，我們設置了一個按鈕元素的大小為100像素寬和40像素高，同時應用了一個5像素半徑的邊框半徑。這樣，按鈕就不再是一個簡單的矩形形狀，而是具有圓角效果的形狀。 下面，我們可以通過更改border-radius屬性來更改按鈕的形狀。該屬性用于定義邊框半徑，可以用來使按鈕具有各種形狀，例如圓形、橢圓形、梯形等。以下是一些常見的形狀設置：

/* 圓形 */
button {
border-radius: 50%;
}
/* 橢圓形 */
button {
border-radius: 50% / 30%;
}
/* 梯形 */
button {
border-radius: 10px 30px 10px 30px;
}

這是一個簡單的指南，幫助您根據需要設置按鈕形狀。使用CSS，我們可以輕松地創建各種形狀的按鈕，這將有助于改善網站的用戶體驗。