溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css如何設(shè)置超鏈接顏色，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
css設(shè)置超鏈接顏色的方法：1、通過“a:link{color:#000000;}”設(shè)置未訪問鏈接的顏色；2、通過“a:visited {color:#00FF00;}”設(shè)置已訪問鏈接的顏色等等。
本文操作環(huán)境：Windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦
css可以使用下面幾個(gè)偽類來設(shè)置超鏈接：
a:link ：是未被訪問的樣式，可以在里面加很多東西，比如說去掉下劃線，換顏色等功能都能在這里實(shí)現(xiàn)；
a:visited ：是已被點(diǎn)擊后的樣式，也可以在里面加很多元素，可以去下劃線，改顏色，放大等功能；
a:hover ：這個(gè)是鼠標(biāo)懸停的樣式，這個(gè)等下有實(shí)例介紹，我們先來認(rèn)識(shí)一下，是把鼠標(biāo)停在超鏈接的位置的時(shí)候可以設(shè)置變顏色；
a:active ：這個(gè)說是已被激活的樣式，簡單得說就是能把鼠標(biāo)點(diǎn)上去的時(shí)候，瞬間出的樣式，在很多網(wǎng)站上都有這種樣式的；
使用下面的樣式即可修改超鏈接顏色：
a:link{color:#000000;} /* 未訪問鏈接*/
a:visited {color:#00FF00;} /* 已訪問鏈接 */
a:hover {color:#FF00FF;} /* 鼠標(biāo)移動(dòng)到鏈接上 */
a:active {color:#0000FF;} /* 鼠標(biāo)點(diǎn)擊時(shí) */示例：
<html>
<head>
<style type="text/css">
a:link {color:#000000;} /* 未訪問鏈接*/
a:visited {color:#00FF00;} /* 已訪問鏈接 */
a:hover {color:#FF00FF;} /* 鼠標(biāo)移動(dòng)到鏈接上 */
a:active {color:#0000FF;} /* 鼠標(biāo)點(diǎn)擊時(shí) */
</style>
<title>test css</title>
</head>
<body>
<a href="#">HTML中文網(wǎng)</a>
</body>css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何設(shè)置超鏈接顏色”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼