CSS三個按鈕的設計是一項基本中的基本，無論你是一個新手還是有經驗的前端開發人員。因此，理解如何創建這些按鈕是至關重要的，下面我們就來看看吧。
.button {
display: inline-block;
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
.primary {
background-color: #337ab7;
}
.success {
background-color: #5cb85c;
}
.warning {
background-color: #f0ad4e;
}上面的代碼展示了如何創建基本的 CSS 按鈕。我們使用了一個 class 名稱為 button，它定義一個通用的按鈕樣式。下面我們創建三種不同樣式的按鈕，用來分別表示主按鈕，成功按鈕和警告按鈕。
primary 按鈕的樣式使用了藍色的背景色，success 按鈕使用了綠色的背景色，warning 按鈕使用了黃色的背景色。這些樣式可以輕松地根據需要進行修改，以滿足項目的具體要求。
最后，我們為三個按鈕添加了相應的 class 名稱，并將它們添加到了一個 HTML 頁面中。在用戶單擊這些按鈕時，我們可以根據需要來觸發相應的操作。這樣就可以輕松地創建基本的 CSS 按鈕，使網站的外觀和功能得到進一步的改進。