CSS有很多實用的功能,其中文字鼠標滑過變色就是常用的一種。這個功能很容易實現,只需要用:hover選擇器和color屬性就可以了。
/*CSS代碼*/ p:hover{ color: #ff0000; }
上面的CSS代碼表示當鼠標滑過p標簽時,p標簽內的文字顏色會變成紅色。我們可以把上面的代碼添加到自己的CSS文件中,或者在HTML文件中使用內聯樣式的方式直接添加到p標簽中。
實際應用中,我們可以將這個效果用在導航欄或者鏈接上,讓用戶在鼠標滑過時更直觀地感受到自己的操作。下面是一個示例:
/*CSS代碼*/ a:hover{ color: #0072c6; text-decoration: underline; }
上面的代碼表示當鼠標滑過鏈接時,鏈接文本的顏色會變成深藍色,同時添加下劃線。這個效果可以讓用戶更清晰地知道哪些文本是可以交互的。
需要注意的是,鼠標滑過變色的效果不僅可以用在文字上,還可以用在其他元素上,比如按鈕、圖片等。只需要在對應的選擇器上使用:hover,然后設置想要的樣式就可以實現效果。
上一篇css文字跟圖片不環繞
下一篇dw的css不換行