html超連結預設字體顏色怎麼清除-前端問答-PHP中文網

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

青灯夜游

發布： 2023-01-03 09:31:05

原創

6938 人瀏覽過

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

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

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

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

方法1：在HTML的標籤中使用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>

登入後複製

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

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

方法二：使用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;}

登入後複製

【推薦教學：

CSS影片教學】

以上是html超連結預設字體顏色怎麼清除的詳細內容。更多資訊請關注PHP中文網其他相關文章！