溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“css怎么布局超鏈接文本鼠標懸停”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
1、css代碼
a:link{ color:#00F}/* 默認超鏈接字體顏色 藍色 */
a:hover{ color:#F00}/* 鼠標懸停超鏈接字體色彩 血色 */
a:active{ color:#060}/* 鼠標點擊未合并時超鏈接字體顏色 綠色 */
a:visited{ color:#CCC}/* 會面過的超鏈接字體色調 灰彩色 */
2、闡明
只必要放入CSS代碼靠上就可，完成這個網頁超鏈接筆墨色調形狀情況。這個時刻就不能設置裝備擺設a{color#XXXXXX},避免超鏈接造訪與未訪問的超鏈接字體色采。
3、容易默認全站配置超鏈接筆墨色調外形實例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠標懸停 未接見會面過 已經會見過 鼠標點擊時 字體色調實例 css5.com.cn</title>
<style>
a:link{ color:#00F}/* 默認超鏈接字體色調 藍色 */
a:hover{ color:#F00}/* 鼠標懸停超鏈接字體色采 紅色 */
a:active{ color:#060}/* 鼠標點擊未分隔時超鏈接字體顏色 綠色 */
a:visited{ color:#CCC}/* 拜訪過的超鏈接字體顏色 灰玄色 */
</style>
</head>
<body>
<p><a href="#">未接見會面過</a></p>
<p><a href="//www.css5.com.cn">曾經會晤過CSS5</a></p>
<p><a href="http://www.126.com">未接見會面過126.com</a></p>
<p><a href="http://www.5173.com">未訪問過5173.com</a></p>
<p><a href="http://www.917118.com">已經拜訪過917118.com</a></p>
</body>
</html>以上有的鏈接實例前有的曾經訪問過，有的沒有接見會面過。
超鏈接翰墨字體色彩四種狀態css結構效果截圖
對全站或整個html網頁設置四種情況超鏈接外形很少，對部份對象內超鏈接筆墨設置裝備擺設未走訪過字體色彩、鼠標懸停時字體色采、曾經造訪過的字體顏色三種形狀還對照多也比擬實用，特別是此刻自媒體時期，css動靜流構造時接納這類超鏈接外形配置對比實用。
1、殘破實例代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>指定盒子對象內超鏈接鼠標懸停 未會晤過 曾經接見會面過 字體顏色實例 css5.com.cn</title>
<style>
a{ color:#000}/* 默許全站超鏈接字體為黑色 */
a:hover{ color:#F00}/* 默認全站超鏈接鼠標懸停時刻字體色采為紅色 */
.CSS5-box a:link{ color:#00F}/* 默許超鏈接字體色采 藍色 */
.CSS5-box a:hover{ color:#F00}/* 鼠標懸停超鏈接字體顏色 血色 */
.CSS5-box a:visited{ color:#CCC}/* 造訪過的超鏈接字體色采 灰黑色 */
</style>
</head>
<body>
<p>歡送接見<a href="//www.css5.com.cn">CSS5</a>,<br />
學習<a href="//www.css5.com.cn">CSS技藝</a>！</p>
<div class="CSS5-box">
<p><a href="#">未會面過</a></p>
<p><a href="//www.css5.com.cn">已經造訪過CSS5</a></p>
<p><a href="http://www.126.com">未會面過126.com</a></p>
<p><a href="http://www.5173.com">未拜訪過5173.com</a></p>
<p><a href="http://www.917118.com">已經會見過917118.com</a></p>
</div>
</body>
</html>這里首先設置全站默認超鏈接字體色采，和鼠標懸停時候字體色采，再對“class=CSS5-box”對象盒子內超鏈接設置3種字體色采形態。
分袂如下：
.CSS5-box a:link{ color:#00F}/* 默許超鏈接字體色采 藍色 */
.CSS5-box a:hover{ color:#F00}/* 鼠標懸停超鏈接字體色采 赤色 */
.CSS5-box a:visited{ color:#CCC}/* 接見過的超鏈接字體顏色 灰黑色 */2、造詣截圖
“css怎么布局超鏈接文本鼠標懸停”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
