CSS中的:hover是用于設置鼠標懸停時元素的樣式的。

/* 設置鼠標懸停時字體顏色為紅色 */
a:hover {
color: red;
}
/* 設置鼠標懸停時背景顏色為黃色 */
div:hover {
background-color: yellow;
}

在上面的代碼中，我們可以看到:hover的用法非常簡單。只需要在元素后面加上:hover即可。然后在大括號內設置樣式即可。

需要注意的是，:hover只適用于可交互元素。比如鏈接（a標簽），按鈕等。如果想對非交互元素進行樣式設置，可以使用JavaScript的mouseover事件。

另外，這里還有一點需要注意。當我們設置:hover時，會發現鼠標移開后，樣式會消失。如果想讓樣式保持，可以使用JavaScript或者設置transition屬性。

/* 使用transition讓樣式過渡平滑 */
a {
color: black;
transition: all .3s ease;
}
a:hover {
color: red;
}

使用transition可以讓鼠標移開時樣式變回去更加平滑。其中all表示對所有屬性進行過渡，.3s表示過渡時間，ease表示過渡效果為緩動。

以上就是關于CSS中如何設置hover的內容，希望對大家有所幫助。