當(dāng)我們使用CSS進(jìn)行網(wǎng)頁設(shè)計時，常常需要對鼠標(biāo)放上去時的效果進(jìn)行優(yōu)化。下面介紹一些常用的鼠標(biāo)懸停效果：

p:hover {
color: red;
}

上面這段代碼表示在鼠標(biāo)懸停在p標(biāo)簽上時，文本會變成紅色。

button:hover {
background-color: blue;
color: white;
}

在這段代碼中，我們針對button標(biāo)簽進(jìn)行了樣式設(shè)置。當(dāng)鼠標(biāo)懸停在button標(biāo)簽時，按鈕的背景色會變成藍(lán)色，字體顏色為白色。

img:hover {
transform: scale(1.2);
}

這段代碼是在鼠標(biāo)懸停在圖片上時會發(fā)生的。 使用transform屬性可以對圖片進(jìn)行縮放操作，該屬性的第一個參數(shù)指定圖像的比例。在這個例子中，圖片的比例是1.2。

另外還有一些其他的鼠標(biāo)懸停效果，如字體放大、背景漸變等等。通過這些鼠標(biāo)懸停效果，我們可以增加用戶的交互體驗，提高網(wǎng)頁設(shè)計的質(zhì)量。