CSS可以實現(xiàn)很多有趣的效果，比如當(dāng)鼠標(biāo)懸停在一個DIV上時，可以設(shè)置鼠標(biāo)停留效果。這是一個小小的細(xì)節(jié)，但卻能讓你的頁面更加生動有趣。

div:hover{
background-color: #ff6666;
color: #fff;
cursor: pointer;
}

上述代碼就是實現(xiàn)鼠標(biāo)懸停效果的CSS代碼，其中:hover選擇器表示鼠標(biāo)懸停在目標(biāo)元素上時，觸發(fā)后面的屬性設(shè)置。

在這個代碼塊中，我們設(shè)置了當(dāng)前DIV的背景顏色為#ff6666, 前景顏色為#fff,然后將光標(biāo)設(shè)置為指針形狀，以便提醒用戶該區(qū)域可以點擊。

這個效果非常適用于商城網(wǎng)站，當(dāng)用戶在選購商品時，鼠標(biāo)懸停在商品列表的圖片上，能夠讓用戶更加清晰地看到商品的細(xì)節(jié)和特色，從而提高銷量。