CSS怎么加鼠標事件
在CSS中，我們可以通過鼠標事件來為元素添加交互效果，如鼠標懸停在元素上時改變樣式，或者鼠標點擊元素時執行某些操作。
下面是幾種常見的鼠標事件：
- :hover——鼠標懸停時觸發
- :active——鼠標點擊時觸發
- :focus——元素獲得焦點時觸發
例如，我們可以使用:hover偽類為按鈕添加懸停效果：

button:hover{
background-color: #00ff00;
}

這樣在鼠標懸停在按鈕上時，按鈕的背景色會變成綠色。
另外，我們也可以使用JavaScript來為元素添加更加豐富的鼠標事件。下面是一個例子，當鼠標懸停在圖片上時，圖片會放大：
HTML代碼：

<div class="image-container">
<img src="image.jpg" class="zoomable">
</div>

CSS代碼：

.zoomable{
transition: transform 0.3s;
}
.zoomable:hover{
transform: scale(1.2);
}

JavaScript代碼：

var image = document.querySelector('.zoomable');
image.addEventListener('mouseenter', function(){
image.style.transform = 'scale(1.2)';
});
image.addEventListener('mouseleave', function(){
image.style.transform = 'scale(1)';
});

上面的代碼會為包含圖片的div元素添加一個鼠標進入事件和鼠標離開事件，分別在鼠標進入和離開時改變圖片的縮放比例，實現圖片放大效果。
總之，在CSS中加入鼠標事件可以讓我們的頁面更加生動，讓用戶體驗更加舒適。