CSS鼠標劃過效果可以為網頁增添不少互動感，不僅能夠使頁面更加生動，也有利于提升用戶的體驗。下面簡單介紹幾種常見的鼠標劃過效果。

/* 1. 鼠標移過改變字體顏色 */
p:hover {
color: #ff0000;
}
/* 2. 鼠標移過顯示下劃線 */
p:hover {
text-decoration: underline;
}
/* 3. 鼠標移過顯示背景色 */
p:hover {
background-color: #eeeeee;
}
/* 4. 鼠標移過改變圖片大小 */
img:hover {
width: 200px;
height: 200px;
}
/* 5. 鼠標移過改變邊框顏色 */
div:hover {
border: 2px solid #ff0000;
}

除了上述幾種效果，還有很多其他的鼠標劃過效果可以使用，創造出更加獨特的網頁效果。

需要注意的是，鼠標劃過效果應該謹慎使用，不能過度使用，否則會影響用戶體驗。