鼠標是我們操作電腦時必不可少的工具之一，而在我們使用鼠標進行頁面操作時，頁面的樣式會有所不同。

當我們將鼠標懸浮在頁面上某個元素時，一般會出現一些視覺效果，這被稱為“鼠標上去”或“hover”。在CSS中，我們可以使用

:hover

選擇器來對該元素進行樣式設置。

p:hover {
color: red;
font-weight: bold;
}

上面的CSS代碼表示，當鼠標懸浮在

<p>

元素上時，文字顏色將變為紅色，字體加粗。

相對的，當鼠標沒有懸浮在元素上時，元素的樣式也是有所不同的。此時，我們使用正常的CSS樣式來對該元素進行設置即可。

p {
color: black;
font-weight: normal;
}

上面的CSS代碼表示，當鼠標不懸浮在

<p>

元素上時，文字顏色將恢復為黑色，字體變為正常。

因此，在設計和開發頁面時，我們需要注意到鼠標上去和沒上去時元素的樣式，以便提高頁面的可讀性和美觀度。