CSS中的鼠標(biāo)懸停效果是一個(gè)非常常見(jiàn)的網(wǎng)頁(yè)交互效果。通過(guò)一些簡(jiǎn)單的CSS代碼，我們可以改變鼠標(biāo)所指向的某個(gè)元素的樣式表。

img:hover{
opacity:0.5;
}

上述代碼表示當(dāng)鼠標(biāo)懸停在img標(biāo)簽上方時(shí)，該圖片的透明度會(huì)降低到0.5。除了透明度，我們還可以改變圖片的大小、顏色等屬性。

有時(shí)候，我們想要在鼠標(biāo)懸停時(shí)切換一個(gè)不同的圖片。在這種情況下，我們可以使用CSS的background屬性來(lái)實(shí)現(xiàn)這一功能。

a:hover{
background-image:url("hover.png");
}

上述代碼表示當(dāng)鼠標(biāo)懸停在a標(biāo)簽上方時(shí)，該標(biāo)簽的背景圖片會(huì)更換為hover.png。同樣的，我們也可以改變背景顏色、字體顏色等屬性。

通過(guò)這些簡(jiǎn)單的CSS代碼，我們可以為網(wǎng)頁(yè)添加更多的交互效果，提升用戶體驗(yàn)。