鼠標劃入事件是網頁交互中非常常見和重要的一種事件。通過CSS可以輕松實現鼠標劃入事件，讓網頁具有更好的交互性和動態效果。

/* CSS代碼實現鼠標劃入事件 */
.hover {
background-color: #FFF;
transition: all 0.3s ease;
}
.hover:hover {
background-color: #000;
}

上面的CSS代碼中，先為一個元素設置了背景顏色為白色，在鼠標劃入時將背景顏色過渡為黑色。其中，transition屬性指定了背景顏色過渡效果的持續時間和動畫方式，這里是0.3秒的漸變過渡效果。

除了改變背景顏色，鼠標劃入事件還可以實現更多效果，比如改變文字顏色、字體大小、元素位置等。可以利用CSS的偽類選擇器:hover來實現這些效果，只需在:hover后面添加需要改變的屬性值即可。

/* CSS代碼實現鼠標劃入事件-改變文字顏色 */
.hover {
color: #000;
transition: all 0.3s ease;
}
.hover:hover {
color: #FFF;
}
/* CSS代碼實現鼠標劃入事件-改變元素位置 */
.hover {
position: relative;
left: 0;
transition: all 0.3s ease;
}
.hover:hover {
left: 50px;
}

通過CSS的鼠標劃入事件，可以大大增強網頁的用戶體驗，吸引用戶的注意力、提高網站互動性和用戶活躍度。