html如何設定超連結字體顏色？ html設定超連結字體顏色的方法-html教學-PHP中文網

首頁

web前端

html教學

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

不言

Sep 20, 2018 am 10:22 AM

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

本網站聲明

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

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7807

Java教學

1645

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1236

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。