CSS作為前端開發的基礎知識之一，擁有各種強大的樣式效果。今天，我們將討論CSS中三種經典的按鈕樣式：

.btn {
display: inline-block;
padding: 10px 20px;
border: none;
color: #fff;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
text-align: center;
transition: all 0.3s ease;
}
.primary {
background-color: #007bff;
}
.success {
background-color: #28a745;
}
.warning {
background-color: #ffc107;
}

上述CSS代碼中，我們定義了一個基礎按鈕的樣式，包括間距、邊框、顏色、字體大小、圓角等屬性。之后我們又分別定義了三種按鈕類型，通過不同的背景顏色體現不同的按鈕風格。

下面，我們將利用上述樣式構建三個不同風格的按鈕：

PrimarySuccessWarning

通過在按鈕中添加對應的class名稱，我們即可輕松地使用各種按鈕樣式。

需要注意的是，在實際開發中，各種按鈕樣式的定義可能會因具體需求而不同，例如按鈕形狀、效果等，我們需要合理地根據實際需求調整CSS樣式。