您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“css怎么設置超鏈接字體鼠標懸停顏色改變效果”,內容詳細,步驟清晰,細節處理妥當,希望這篇“css怎么設置超鏈接字體鼠標懸停顏色改變效果”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
css設置超鏈接鼠標懸停字體上時字體變色彩,css配置鼠標懸停變色機關。
鼠標懸停字體上筆墨變色,一般針對超鏈接錨文本字體色調旋轉,使用了偽類:hover。擴張涉獵明白《超鏈接a標簽》!
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>鼠標懸停色調旋轉 實例 css5.com.cn</title> <style> a{ color:#00F}/* 默許超鏈接字體色彩為藍色 */ a:hover{color:#F00}/* 默認超鏈接字體懸停時色彩為紅色 */ .zhiding a{ color:#090} .zhiding a:hover{ color:#F0F} </style> </head> <body> <p>迎接脫離<a href="//www.css5.com.cn/">CSS5</a>深造CSS技術手段!</p> <p class="zhiding">指定對象<a href="#">超鏈接</a>字體懸停色調改變!</p> </body> </html>
說明:
1)、設置裝備擺設默許網頁超鏈接字體為藍色,鼠標懸停時是赤色(a{ color:#00F} a:hover{color:#F00});
2)、同時設置指定對象內超鏈接字體默許為綠色,鼠標懸停時字體色調為粉紅色。
2、截圖
讀到這里,這篇“css怎么設置超鏈接字體鼠標懸停顏色改變效果”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。