溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css鼠標懸停變色：超鏈接字體隨鼠標懸停顏色改變的實現方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
css設置超鏈接鼠標懸停字體上時字體變顏色，css設置鼠標懸停變色布局。
鼠標懸停字體上文字變色，通常針對超鏈接錨文本字體顏色改變，使用了偽類：hover。
a{ color:#00F}
a:hover{ color:#F00}解釋：默認超鏈接字體顏色為藍色“color:#00F”，鼠標懸停時字體顏色為紅色“ color:#F00”。可見要改變鼠標懸停顏色就設置a:hover
1、div css實例代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠標懸停顏色改變 實例</title>
<style>
a{ color:#00F}/* 默認超鏈接字體顏色為藍色 */
a:hover{color:#F00}/* 默認超鏈接字體懸停時顏色為紅色 */
.zhiding a{ color:#090}
.zhiding a:hover{ color:#F0F}
</style>
</head>
<body>
<p>歡迎來到<a href="http://www.php.cn/">php</a>學習php技術！</p>
<p class="zhiding">指定對象<a href="#">超鏈接</a>字體懸停顏色改變！</p>
</body>
</html>效果如下:
說明：
1）、設置默認網頁超鏈接字體為藍色，鼠標懸停時是紅色（a{ color:#00F} a:hover{color:#F00}）；
2）、同時設置指定對象內超鏈接字體默認為綠色，鼠標懸停時字體顏色為粉紅色。
css鼠標懸停變色應用超鏈接偽類“：hover”設置css樣式改變，除了顏色改變，還可以定義鼠標懸停字體大小、字體加粗、背景等樣式改變，作為字體顏色改變靈活運用設置其它CSS樣式。
以上是css鼠標懸停變色：超鏈接字體隨鼠標懸停顏色改變的實現方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
