CSS是前端開發中重要的一部分，它不僅控制網頁的樣式，還可以制作按鈕的樣式。下面就來介紹CSS如何制作按鈕樣式。

首先，我們需要創建一個按鈕的HTML代碼。代碼如下：

點擊按鈕

接著，我們可以使用CSS來美化這個按鈕。代碼如下：

.btn {
background-color: #4CAF50;
border: none;
color: white;
cursor: pointer;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 5px;
border-radius: 4px;
}

上面的代碼中，我們使用了按鈕的類名“btn”來定義樣式。我們可以從中了解到：

• background-color：按鈕的背景顏色
• border：按鈕邊框的樣式
• color：按鈕文本的顏色
• cursor：鼠標移動到按鈕上的樣式
• padding：按鈕文本的內邊距
• text-align：按鈕文本的位置
• text-decoration：文本的修飾方式
• display：按鈕的顯示方式
• font-size：文本的大小
• margin：按鈕的外邊距
• border-radius：按鈕邊框的圓角程度

如此一來，我們就成功地制作出了一個帶有樣式的按鈕，可以大幅提升網頁的視覺效果。