在網頁設計時,為了能夠使超連結一目了然,可能會為超連結設定個和周圍字體不同的顏色,而超連結文字的下端也可能會加上一條橫線。網頁的超連結文字在預設情況下以藍色作為超連結文字的顏色,造訪過的文字則顏色變成暗色。那我們該如何設定超連結字體為其他顏色呢?接下來的這篇文章將要為大家介紹關於html設定超連結字體顏色的方法。
直接看內文:
html設定超連結字型顏色的方法一:
##基本語法: :它對網頁中所有未單獨設定的元素起作用。 :使用alink可以設定滑鼠點擊超連結時的顏色:使用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中文網其他相關文章!