CSS 中有許多方法可以在鼠標點擊或滑過時改變元素的樣式。

最常見的是使用:hover偽類選擇器，它可以在鼠標指針懸停在元素上時應用樣式。例如：

button:hover {
background-color: #4CAF50;
color: white;
}

這將使按鈕在鼠標滑過時變成綠色背景白色字體，以提高可用性。

除了:hover，還有其他偽類選擇器可用于控制元素狀態，包括:active、:focus等等。

:active用于在元素被點擊時應用樣式，例如：

button:active {
background-color: #0A7FCA;
color: white;
}

這將使按鈕在被點擊時變成深藍色背景白色字體。

:focus用于在元素獲得焦點時應用樣式，例如：

input:focus {
border: 3px solid #555;
}

這將在輸入框獲得焦點時應用一條 3 像素寬灰色邊框。

除了偽類選擇器，還有 JavaScript 的事件監聽器可以用來實現更復雜的交互效果。

總的來說，鼠標點擊和滑過是 Web 開發中非常常見的交互方式，熟練運用 CSS 和 JavaScript 可以實現各種鼠標交互效果。