按鈕是網頁設計中常用的元素，實現交互和導航等功能。而CSS模板是一種用于樣式設計的模板，我們可以從中快速地實現出各種不同風格的按鈕，提高設計效率。

CSS模板中的按鈕樣式都是被封裝好的，我們只需要根據需要進行調用即可。

.btn {
display: inline-block;
padding: 12px 30px;
border: 1px solid #333;
border-radius: 3px;
color: #333;
background-color: #fff;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.btn:hover {
background-color: #333;
color: #fff;
}

以上代碼是一個簡單的按鈕CSS模板。btn表示按鈕的類名，我們可以在HTML中給按鈕添加該類名即可使用。其中，display屬性用于指定按鈕為行內元素，padding屬性為按鈕增加內邊距，border用于給按鈕加上邊框，border-radius屬性用于設置邊框圓角，color屬性用于設置文本顏色，background-color屬性用于設置背景顏色，text-decoration屬性用于去除文本下劃線，font-size屬性用于設置字體大小，cursor用于設置鼠標懸停樣式，transition屬性用于設置動畫效果。

我們也可以根據需要進行樣式調整，例如改變顏色、字體等。

.btn {
display: inline-block;
padding: 12px 30px;
border: 1px solid #039be5;
border-radius: 3px;
color: #fff;
background-color: #039be5;
text-decoration: none;
font-size: 18px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.btn:hover {
background-color: #fff;
color: #039be5;
transition: color 0.2s ease;
}

以上代碼是一個藍色的按鈕樣式模板，我們可以根據項目需求進行使用或修改。