CSS中的按鈕設計非常重要，它是網頁交互的重要組成部分。我們可以通過CSS設置按鈕的樣式，比如添加背景顏色，字體顏色等等。今天我們要分享的是如何在按鈕上添加鼠標經過效果。

在CSS中，我們可以使用:hover偽類選擇器來設置鼠標經過效果。當用戶鼠標移動到按鈕上時，我們可以讓按鈕顏色、字體、邊框等屬性產生變化，以增加用戶體驗。

.btn{
background-color: #2196F3;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;   
}
.btn:hover{
background-color: #0b7dda;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
transform: translateY(-2px);
}

上面的代碼是一個按鈕的基本樣式設置，我們可以看到，在.btn類中，我們設置了按鈕的背景顏色、字體顏色、邊框等屬性。而在.btn:hover中，我們設置了鼠標經過時按鈕的樣式：修改背景顏色、添加陰影、設置向上移動的動畫。

這里的關鍵是使用:hover偽類選擇器，當鼠標移動到按鈕上時，就會應用:hover中的樣式。這樣可以有效地增加按鈕的交互效果，提高用戶體驗。