技術文章 » html超連結預設字型顏色怎麼清除

html超連結預設字型顏色怎麼清除

2021-03-23 16:02:02

方法：1、在body中使用link、alink、vlink屬性來設定其他顏色，例「<body link="顏色">」。2、先使用「:link」、「:visited」、「:active」選擇器選中a元素；然後使用color屬性設定其他顏色。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

為了突出超連結，超連結文字通常採用與其他文字不同的顏色，超連結文字的下端還會加一條橫線。網頁的超連結文字有預設顏色，在預設情況下，瀏覽器以藍色作為超連結文字的顏色，存取過的文字則顏色變成暗紅色。那麼怎麼設定超連結文字顏色？

方法1：在HTML的<body>標記中使用link、alink、vlink屬性來設定

基本語法：

<body link="顏色">

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

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

基本語法：

<body alink="顏色">

使用vlink可以設定已存取過的超連結文字的顏色

基本語法：

<body vlink="顏色">

範例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>設定連結文字的顏色</title>
</head>
<body link="#9933ff" alink="#0066ff" vlink="#ff0000">
    <a href="http://www.baidu.com">連結的文字</a>
</body>
</html>

1.png

在網頁中，一般文字上的超連結都是藍色（當然，也可以設定成其他顏色），文字下面有一條下劃線。當移動滑鼠指標到該超連結上時，滑鼠指標就會變成一隻手的形狀，這時候用滑鼠左鍵單擊，就可以直接跳到與這個超連結相連線的網頁。如果已經瀏覽過某個超連結，這個超連結的文字顏色就會發生改變。

方法二：使用css :link、:visited、:active和:hover選擇器配合color屬性來設定

:link 選擇器設定指向未被存取頁面的連結的樣式，:visited 選擇器用於設定指向已被存取的頁面的連結，:active 選擇器用於活動連結，:hover 選擇器用於選擇滑鼠指標浮動在上面的元素。

範例：選擇未存取、已存取、懸浮和活動連結，並設定它們的樣式：

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

【推薦教學：】

以上就是html超連結預設字型顏色怎麼清除的詳細內容，更多請關注TW511.COM其它相關文章！