CSS中的hover屬性用于指定某元素在鼠標(biāo)懸停時(shí)的樣式。比如當(dāng)我們鼠標(biāo)懸停在一個(gè)鏈接上時(shí)，就會(huì)出現(xiàn)下劃線，這就是用hover屬性實(shí)現(xiàn)的。以下是使用hover的一些常見(jiàn)用法：

a:hover {
text-decoration: underline;
}

這段代碼表示當(dāng)鼠標(biāo)懸停在一個(gè)鏈接上時(shí)，給它添加下劃線樣式。

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

這段代碼表示當(dāng)鼠標(biāo)懸停在一個(gè)按鈕上時(shí)，將它的背景色改為藍(lán)色，字體顏色為白色。

li:hover ul {
display: block;
}

這段代碼表示當(dāng)鼠標(biāo)懸停在一個(gè)列表項(xiàng)上時(shí)，它下方的子菜單（使用ul標(biāo)簽實(shí)現(xiàn)）將被顯示。

除了用于鏈接、按鈕、下拉菜單等場(chǎng)景外，hover還可以用于圖像樣式的改變。比如當(dāng)我們鼠標(biāo)懸停在一個(gè)圖像上時(shí)，讓它的大小或透明度發(fā)生改變。

img:hover {
opacity: 0.8;
transform: scale(1.1);
}

這段代碼表示當(dāng)鼠標(biāo)懸停在一張圖片上時(shí)，將它的透明度降低為80%，同時(shí)將它的大小放大10%。

總之，使用hover可以讓網(wǎng)頁(yè)的交互效果更加生動(dòng)、直觀，值得我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)多多運(yùn)用。