CSS通用按鈕簡介

CSS通用按鈕是在網(wǎng)頁開發(fā)中經(jīng)常使用的一種UI元素，可以使網(wǎng)頁更美觀、易用。通用按鈕適用于各種不同的網(wǎng)頁設計風格，如扁平化設計、材質(zhì)設計等，且可定制樣式，使其符合網(wǎng)站的主題。

.button {
display: inline-block;
padding: 14px 26px;
font-size: 16px;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
background-color: #3498db;
color: #fff;
border-radius: 4px;
border: none;
cursor: pointer;
}
/* 懸停效果 */
.button:hover {
background-color: #2980b9;
}

上述代碼為一個簡單的CSS通用按鈕樣式，使用時只需將按鈕的HTML代碼和此樣式類名綁定即可。

可以根據(jù)實際需求修改按鈕的顏色、大小、字體等樣式，同時也可以添加動畫效果使其更加生動。使用CSS通用按鈕可以加速網(wǎng)頁的開發(fā)速度，提高整體的用戶體驗。