CSS中的鼠標滑過樣式通常用于改變鼠標指針在特定元素上的外觀，使用戶能夠更直觀地感知元素的交互狀態。下面是一個簡單的例子：

<style>
.box {
width: 100px;
height: 100px;
background: #ccc;
}
.box:hover {
background: #f00;
cursor: pointer;
}
</style>
<div class="box"></div>

在這個例子中，我們創建了一個 class 為“box”的 div 元素，并設置了它的寬度、高度和背景顏色。當鼠標滑過它時，我們用 :hover 偽類選擇器來修改它的背景顏色和鼠標指針樣式。

除了改變背景顏色和鼠標指針樣式，我們還可以使用鼠標滑過樣式來實現許多其他效果。以下是一些常見的應用場景：

• 改變文字或元素顏色

<style>
p:hover {
color: #f00;
}
a:hover {
color: #00f;
}
</style>

• 添加文本陰影或邊框

<style>
p:hover {
text-shadow: 1px 1px 2px #000;
border: 1px solid #f00;
}
</style>

• 改變元素大小或位置

<style>
.box {
width: 100px;
height: 100px;
position: relative;
left: 0;
top: 0;
transition: all 0.5s ease;
}
.box:hover {
width: 150px;
height: 150px;
left: 50px;
top: 50px;
}
</style>
<div class="box"></div>

總而言之，鼠標滑過樣式是 CSS 中一個非常實用的特性，可以幫助改善用戶體驗，增強頁面交互性。