html超鏈接字體顏色如何修改

這篇文章給大家分享的是有關(guān)html超鏈接字體顏色如何修改的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧。

沙河口ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

首先我們先從一個(gè)例子開始改超鏈接的字體顏色：

我們要做的是未被點(diǎn)擊時(shí)超鏈接文字無(wú)下劃線，顯示為灰色；當(dāng)鼠標(biāo)在鏈接上時(shí)有下劃線，鏈接文字顯示為紅色；當(dāng)點(diǎn)擊鏈接后，鏈接無(wú)下劃線，顯示為黃色。

我們來(lái)看完整的實(shí)驗(yàn)代碼：

<html> 
<head> 
<title>創(chuàng)新互聯(lián)：取消下劃線實(shí)例</title> 
<style> 
a:link{text-decoration: none;color: gray}
a:active{text-decoration:blink}
a:hover{text-decoration:underline;color: red}
a:visited{text-decoration: none;color: yellow}
</style> 
</head> 
<body> 
歡迎來(lái)到<a href="www.php.cn">創(chuàng)新互聯(lián)</a>
</body> 
</html>

這個(gè)是被點(diǎn)擊之后的樣式，無(wú)下劃線，顯示為黃色文本。

以上就是上代碼的實(shí)驗(yàn)結(jié)果。算是把剛才的任務(wù)完成了，讓我們更容易理解上面的代碼。

現(xiàn)在我們來(lái)理解一下上述代碼的具體含義：

a:link 指正常的未被訪問過的鏈接；
a:active 指正在點(diǎn)的鏈接；
a:hover 指鼠標(biāo)在鏈接上；
a:visited 指已經(jīng)訪問過的鏈接；
text-decoration是文字修飾效果的意思；
none參數(shù)表示超鏈接文字不顯示下劃線；
underline參數(shù)表示超鏈接的文字有下劃線

現(xiàn)在理解出來(lái)了，這是不是更好理解了上面的那些代碼，就是把這些一個(gè)個(gè)的往里面帶入進(jìn)去。

現(xiàn)在還有個(gè)實(shí)例，就是超鏈接在div標(biāo)簽中，我們要把div標(biāo)簽內(nèi)的超鏈接的文本變顏色，怎么變呢？

讓我們一起來(lái)看解釋代碼：

1.CSS代碼：

a{ color:#00F}
a:hover{ color:#F00}/* 鼠標(biāo)經(jīng)過懸停字體顏色 */
/* css 注釋說明：以上代碼為設(shè)置html中超鏈接統(tǒng)一字體顏色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注釋說明：以上代碼為設(shè)置html中.div對(duì)象內(nèi)超鏈接字體顏色

2.html代碼：

<p>測(cè)試內(nèi)容我是統(tǒng)一設(shè)置的顏色藍(lán)色<a href="http://www.php.cn">創(chuàng)新互聯(lián)</a></p>
<div class="div">我在div對(duì)象內(nèi)，超鏈接顏色為<a href="#">我是超鏈接綠色</a></div>

感謝各位的閱讀！關(guān)于html超鏈接字體顏色如何修改就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

網(wǎng)頁(yè)題目：html超鏈接字體顏色如何修改
網(wǎng)頁(yè)網(wǎng)址：http://muchs.cn/article6/pdgjig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、企業(yè)建站、軟件開發(fā)、網(wǎng)站設(shè)計(jì)公司、用戶體驗(yàn)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容