CSS是一種樣式語言，它可以為網頁添加美麗的外觀。其中一種非常有用的功能就是實現鼠標滑過顯示，這可以讓網頁更加動態和生動。

要實現鼠標滑過顯示，我們需要使用CSS中的:hover偽類。這個偽類可以在鼠標滑過某個HTML元素時改變該元素的樣式。例如，我們可以為一個鏈接添加:hover偽類，讓它在鼠標滑過時改變顏色：

a:hover {
color: red;
}

上面的代碼表示，當用戶將鼠標懸停在一個鏈接上時，該鏈接的顏色會變成紅色。這樣可以讓鏈接在鼠標滑過時更加醒目，從而吸引用戶的注意力。

除了改變顏色之外，我們還可以使用:hover偽類來顯示或隱藏某些元素。例如，我們可以在一個圖片上添加一個半透明的遮罩層，在用戶鼠標滑過時讓它變得不透明，從而突出顯示這張圖片：

.image {
position: relative;
}
.image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: black;
display: none;
}
.image:hover .image-overlay {
display: block;
}

上面的代碼中，我們首先為包含圖片的元素添加了position: relative屬性，使它成為一個相對定位的元素。然后我們為這個元素添加了一個絕對定位的遮罩層，將它覆蓋在圖片上面。這個遮罩層最初是不可見的，通過display: none來隱藏它。

接著，我們使用:hover偽類來在用戶鼠標滑過時顯示這個遮罩層。具體來說，我們設置.image:hover .image-overlay的樣式為display: block，這樣當用戶鼠標滑過包含圖片的元素時，遮罩層就會顯示出來。

通過使用CSS中的:hover偽類，我們可以實現很多鼠標滑過顯示的效果。這可以讓我們的網頁更加生動有趣，吸引用戶的關注。不過需要注意的是，在使用:hover偽類時，我們需要特別注意元素的樣式表現，以免影響用戶體驗。