CSS按鈕是絕大多數網頁設計所必須的一部分，能夠美化和改進各種網頁和應用程序。在網頁設計中，按鈕可以傳達信息，激活功能，或者觸發動作。下面是幾種常見的CSS按鈕類型。

樣式文件：
button {
padding: 10px 20px;
font-size: 18px;
color: #fff;
background-color: #4CAF50;
border: none;
border-radius: 5px;
}

1. 普通按鈕

HTML：普通按鈕

普通按鈕是最基本的CSS按鈕類型。這個按鈕沒有任何特殊的裝飾，只具有基本的背景和邊框。

2. 懸浮按鈕

樣式文件：
button:hover {
background-color: #3e8e41;
}

HTML：懸浮按鈕

懸浮按鈕添加了一個簡單的效果，當鼠標懸停在按鈕上時，按鈕背景顏色會改變。

3. 點擊按鈕

樣式文件：
button:active {
background-color: #375a29;
}

HTML：點擊按鈕

點擊按鈕具有突出的效果，當用戶點擊按鈕時，按鈕背景顏色會改變。

4. 圓形按鈕

樣式文件：
button.round {
border-radius: 50%;
}

HTML：圓形按鈕

圓形按鈕通過設置按鈕的邊框半徑為50%來創建。通過這個樣式文件，我們可以輕松地將按鈕裝飾成圓形。圓形按鈕適用于需要突出的操作。

5. 帶圖標的按鈕

樣式文件：
button.icon {
background-image: url('icon.png');
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 50px;
}

HTML：帶圖標的按鈕

帶圖標的按鈕可以將一個圖標添加到按鈕中，以突出當前的操作。這個樣式文件可以將一個圖標添加到按鈕的左邊，并設置按鈕的左邊距。

總結

在網頁設計中，CSS按鈕是非常有用的。它們允許設計師裝飾和強化用戶界面的元素，并在交互中提供重要的功能和效果。通過使用以上5種CSS按鈕類型，我們可以輕松地創造出各種不同風格的按鈕，以適應網頁的需求。