CSS 是前端開發中非常重要的一部分，允許我們對一個網站的樣式進行美化和改進。在這篇文章中，我們將介紹如何使用 CSS 設置按鈕的樣式。

button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}

代碼中，我們首先選擇了 button 標簽并進行了一些樣式設置。padding 屬性定義了按鈕的內邊距（上下為 10px，左右為 20px）。background-color 屬性用來設置按鈕的背景顏色為綠色，color 屬性將按鈕變成白色文本，border 屬性設置了無邊框的樣式，border-radius 屬性將按鈕的邊框變為圓角，cursor 屬性定義了鼠標指針在按鈕上的樣式。

然后我們繼續使用:hover 偽類，這個偽類表示當鼠標懸停在按鈕上時，根據我們剛剛指定的新樣式對按鈕進行修改。對于:hover，我們將按鈕的背景顏色更改為棕色（#3e8e41）。

這是一個基礎的按鈕樣式，但我們可以通過修改各種屬性來創造出更多種樣式。例如，我們可以改變背景顏色，調整按鈕的大小，或者添加特定的動畫效果，以滿足網站的特定需求。