CSS中有兩個常用的事件與鼠標相關，就是鼠標經過和鼠標按下。下面我們來看看如何實現這兩個效果。

鼠標經過，也就是鼠標移動到指定元素上時出現的效果。比如我們可以讓鼠標移到一張圖片上時出現邊框和陰影效果：

img:hover {
border: 1px solid #ccc;
box-shadow: 0 0 10px #ccc;
}

我們可以看到，在標簽上添加了:hover偽類，這就表示當鼠標移到圖片上時會觸發這個效果，在CSS里設置相關屬性即可實現。

鼠標按下，也就是鼠標點擊元素并一直按下時出現的效果。比如我們可以讓點擊按鈕后，按鈕的字體顏色和背景色發生變化：

button:active {
color: #fff;
background-color: #3f51b5;
}

同樣的，這里也是添加了:active偽類，在CSS里設置相關屬性即可實現。需要注意的是，這個效果只在鼠標按下的瞬間出現，在鼠標放開后就恢復原狀了。