首頁  >  文章  >  web前端  >  html如何設定超連結字體顏色? html設定超連結字體顏色的方法

html如何設定超連結字體顏色? html設定超連結字體顏色的方法

不言
不言原創
2018-09-20 10:22:5927923瀏覽

在網頁設計時,為了能夠使超連結一目了然,可能會為超連結設定個和周圍字體不同的顏色,而超連結文字的下端也可能會加上一條橫線。網頁的超連結文字在預設情況下以藍色作為超連結文字的顏色,造訪過的文字則顏色變成暗色。那我們該如何設定超連結字體為其他顏色呢?接下來的這篇文章將要為大家介紹關於html設定超連結字體顏色的方法。

直接看內文:

html設定超連結字型顏色的方法一:

##基本語法:

cfa7246900e15f7d6fb7347382ece148:它對網頁中所有未單獨設定的元素起作用。

f3dc7d3feda473fdc851e677ffed2cc1:使用alink可以設定滑鼠點擊超連結時的顏色

15faefeef12f8d169f57ff33f189c480:使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn