在CSS中,鼠標懸停時讓字變色是一個十分常見的需求。下面我們來了解怎樣實現這個效果。
/* CSS代碼 */ p:hover{ color: red; }
在上面的代碼中,我們給所有的P標簽添加了一個:hover偽類,這個偽類表示當鼠標懸浮在P標簽上時,應用這個樣式。color:red表示將文字顏色設置為紅色。
我們也可以為不同的選擇器添加不同的鼠標懸停樣式,如下所示:
/* CSS代碼 */ p:hover{ color: red; } a:hover{ color: blue; }
在上面的代碼中,我們為P標簽和A標簽設置了不同顏色的:hover偽類,這樣當鼠標懸浮在P標簽上時,文字變為紅色;當鼠標懸浮在A標簽上時,文字變為藍色。
需要注意的是,不是所有的HTML元素都支持:hover偽類,只有鏈接、按鈕、文本框以及某些元素(如p、div等)可以使用。
綜上所述,使用:hover偽類可以輕松實現鼠標懸停時讓字變色的效果,這是CSS中一個重要的樣式技巧。
上一篇css的背景和邊框屬性
下一篇css的虛線邊框怎么寫