當我們在網站中使用CSS樣式時，鼠標滑過效果是非常常用的一種效果，可以為網頁添加豐富的交互性。今天，我們將學習如何使用CSS樣式使得鼠標滑過時元素能夠突出顯示。

/* 鼠標滑過樣式 */
.hover-effect {
background-color: #ff0000;  /* 突出顯示的背景顏色 */
color: #ffffff;  /* 突出顯示的文本顏色 */
}

如上述代碼所示，我們為一個class為"hover-effect"的元素設置了鼠標滑過樣式。當用戶將鼠標移動到此元素上時，元素的背景顏色將變為紅色，文本顏色將變為白色。

但是，以上代碼并不能讓元素在鼠標滑過時突出顯示，我們需要使用一些其他的CSS樣式來實現這一點。

/* 鼠標滑過樣式 */
.hover-effect {
background-color: #ff0000;  /* 突出顯示的背景顏色 */
color: #ffffff;  /* 突出顯示的文本顏色 */
}
/* 鼠標滑過動畫效果 */
.hover-effect:hover {
transform: scale(1.1);  /* 放大1.1倍 */
box-shadow: 0px 0px 10px #ff0000;  /* 添加陰影效果 */
}

如上述代碼所示，我們為class為"hover-effect"的元素添加了一個:hover偽類，這意味著當用戶將鼠標移動到元素上方（鼠標滑過）時使用該樣式。

我們使用transform樣式將元素的大小放大了1.1倍，并使用box-shadow樣式添加了一個陰影效果。這些效果加在一起，使得元素在鼠標滑過時有了突出顯示的效果。

當然，這只是其中一種實現方式，你可以根據自己的需求和想法來創造自己獨特的鼠標滑過效果。