html如何設置超鏈接字體顏色?html設置超鏈接字體顏色的方法
發表時間:2023-08-31 來源:明輝站整理相關軟件相關文章人氣:
[摘要]在網頁設計時,為了能夠使超鏈接一目了然,可能會給超鏈接設置個和周圍字體不同的顏色,而且超鏈接文字的下端還可能會加一條橫線。網頁的超鏈接文字在默認情況下以藍色作為超鏈接文字的顏色,訪問過的文字則顏色變成暗色。那么我們該如何設置超鏈接字體為其他顏色呢?接下來的這篇文章將給大家來介紹關于html設置超鏈...
在網頁設計時,為了能夠使超鏈接一目了然,可能會給超鏈接設置個和周圍字體不同的顏色,而且超鏈接文字的下端還可能會加一條橫線。網頁的超鏈接文字在默認情況下以藍色作為超鏈接文字的顏色,訪問過的文字則顏色變成暗色。那么我們該如何設置超鏈接字體為其他顏色呢?接下來的這篇文章將給大家來介紹關于html設置超鏈接字體顏色的方法。
直接看正文:
html設置超鏈接字體顏色的方法一:
基本語法:
<body link="顏色">:它對網頁中所有未單獨設置的元素起作用。
<body alink="顏色">:使用alink可以設置鼠標單擊超鏈接時的顏色
<body vlink="顏色">:使用vlink可以設置已訪問過的超鏈接文字的顏色
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>設置鏈接文字的顏色</title>
</head>
<body link="pink" alink="blue" vlink="red">
<a href="http://www.php.cn">php中文網</a>
</body>
</html>
html設置超鏈接字體顏色的方法二:
使用css設置HTML中超鏈接字體顏色:一種是對html全部a超鏈接內字體設置統一的字體顏色,另外一種是對指定對象內的錨文本超鏈接字體設置單獨顏色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
a{ color:#00F}
a:hover{ color:#F00}/* 鼠標經過懸停字體顏色 */
/* css 注釋說明:以上代碼為設置html中超鏈接統一字體顏色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注釋說明:以上代碼為設置html中.div對象內超鏈接字體顏色 */
</style>
</head>
<body>
<p>測試內容我是統一設置的顏色藍色<a href="http://www.php.cn">php中文網</a></p>
<div class="div">我在div對象內,超鏈接顏色為<a href="http://www.php.cn">php中文網</a></div>
</body>
</html>
本篇文章到這里就結束了,關于網頁中超鏈接字體顏色的設置還有其他的方法這里就不一一介紹了,希望本篇文章能對你有所幫助。
以上就是html如何設置超鏈接字體顏色?html設置超鏈接字體顏色的方法的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。