按鈕是網頁設計中常見的控件，用于觸發用戶交互操作。在 CSS 中設置按鈕樣式非常重要，因為它可以改變按鈕的外觀和行為。本文將介紹如何使用 CSS 設置按鈕的樣式。 首先，在 CSS 中，我們可以使用選擇器來選中需要設置樣式的按鈕。常見的選擇器有標簽選擇器、類選擇器和 ID 選擇器。例如，我們可以使用以下代碼來選中一個 class 為 btn 的按鈕：

.btn {
/* CSS 樣式 */
}

接下來，我們可以設置按鈕的背景、顏色、邊框、圓角等樣式。以下是一些常見的 CSS 樣式代碼：

/* 背景顏色 */
background-color: #4CAF50;
/* 文字顏色 */
color: white;
/* 邊框 */
border: none;
border-radius: 5px;
/* 懸停狀態 */
:hover {
background-color: #3e8e41;
}
/* 點擊狀態 */
:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

最后，我們可以使用 CSS 偽類來模擬按鈕的不同狀態。例如，使用 :hover 偽類可以在鼠標懸停在按鈕上時改變按鈕的樣式；使用 :active 偽類可以在按鈕被點擊時改變按鈕的樣式。 總之，使用 CSS 設置按鈕的樣式是網頁設計中必不可少的一環。通過了解常用的 CSS 屬性和偽類，我們可以輕松地創建出符合自己設計風格的按鈕。