每個網(wǎng)頁都需要表單和按鈕，因為表單是用戶與網(wǎng)頁進行交互的主要方式之一。在 CSS 中，我們可以給按鈕添加鼠標懸停和點擊時的樣式，以增加用戶體驗和反饋。

下面是一個簡單的 CSS 按鈕示例，包括基本樣式、懸停和點擊樣式：

button {
background-color: #4CAF50;
color: white;
padding: 8px 20px;
border: none;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}
button:active {
background-color: #4CAF50;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

基本樣式包括背景顏色、文本顏色、內(nèi)邊距、邊框和光標樣式。懸停樣式和基本樣式類似，但是改變了背景顏色。參考:hover偽類可以使按鈕在鼠標懸停時改變樣式。而點擊樣式使用:active偽類。當用戶點擊按鈕時，它將有更深的背景顏色、陰影和向下位移的效果。

可以將這些樣式應用于任何 HTML 元素，例如<a>標簽，將其呈現(xiàn)為按鈕。只需將基本樣式應用到鏈接，此外還需要添加display: inline-block;屬性和text-decoration: none;來去掉下劃線。

a {
background-color: #4CAF50;
color: white;
padding: 8px 20px;
border: none;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
a:hover {
background-color: #3e8e41;
}
a:active {
background-color: #4CAF50;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

使用這些樣式，可以創(chuàng)建吸引人的按鈕，加強網(wǎng)頁用戶體驗。不過，我們?nèi)匀恍枰紤]按鈕與其他元素的協(xié)調(diào)性，確保其在整個網(wǎng)頁中的視覺平衡。