html如何設(shè)置超鏈接字體顏色?html設(shè)置超鏈接字體顏色的方法
發(fā)表時(shí)間:2023-08-31 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]在網(wǎng)頁設(shè)計(jì)時(shí),為了能夠使超鏈接一目了然,可能會(huì)給超鏈接設(shè)置個(gè)和周圍字體不同的顏色,而且超鏈接文字的下端還可能會(huì)加一條橫線。網(wǎng)頁的超鏈接文字在默認(rèn)情況下以藍(lán)色作為超鏈接文字的顏色,訪問過的文字則顏色變成暗色。那么我們?cè)撊绾卧O(shè)置超鏈接字體為其他顏色呢?接下來的這篇文章將給大家來介紹關(guān)于html設(shè)置超鏈...
在網(wǎng)頁設(shè)計(jì)時(shí),為了能夠使超鏈接一目了然,可能會(huì)給超鏈接設(shè)置個(gè)和周圍字體不同的顏色,而且超鏈接文字的下端還可能會(huì)加一條橫線。網(wǎng)頁的超鏈接文字在默認(rèn)情況下以藍(lán)色作為超鏈接文字的顏色,訪問過的文字則顏色變成暗色。那么我們?cè)撊绾卧O(shè)置超鏈接字體為其他顏色呢?接下來的這篇文章將給大家來介紹關(guān)于html設(shè)置超鏈接字體顏色的方法。
直接看正文:
html設(shè)置超鏈接字體顏色的方法一:
基本語法:
<body link="顏色">:它對(duì)網(wǎng)頁中所有未單獨(dú)設(shè)置的元素起作用。
<body alink="顏色">:使用alink可以設(shè)置鼠標(biāo)單擊超鏈接時(shí)的顏色
<body vlink="顏色">:使用vlink可以設(shè)置已訪問過的超鏈接文字的顏色
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>設(shè)置鏈接文字的顏色</title>
</head>
<body link="pink" alink="blue" vlink="red">
<a href="http://www.php.cn">php中文網(wǎng)</a>
</body>
</html>
html設(shè)置超鏈接字體顏色的方法二:
使用css設(shè)置HTML中超鏈接字體顏色:一種是對(duì)html全部a超鏈接內(nèi)字體設(shè)置統(tǒng)一的字體顏色,另外一種是對(duì)指定對(duì)象內(nèi)的錨文本超鏈接字體設(shè)置單獨(dú)顏色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
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)超鏈接字體顏色 */
</style>
</head>
<body>
<p>測(cè)試內(nèi)容我是統(tǒng)一設(shè)置的顏色藍(lán)色<a href="http://www.php.cn">php中文網(wǎng)</a></p>
<div class="div">我在div對(duì)象內(nèi),超鏈接顏色為<a href="http://www.php.cn">php中文網(wǎng)</a></div>
</body>
</html>
本篇文章到這里就結(jié)束了,關(guān)于網(wǎng)頁中超鏈接字體顏色的設(shè)置還有其他的方法這里就不一一介紹了,希望本篇文章能對(duì)你有所幫助。
以上就是html如何設(shè)置超鏈接字體顏色?html設(shè)置超鏈接字體顏色的方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。