HTMLでハイパーリンクの色を設定する方法-htmlチュートリアル-php.cn

HTMLでハイパーリンクの色を設定する方法

青灯夜游

リリース： 2023-01-06 11:14:19

オリジナル

26054 人が閲覧しました

方法: 「a:link {color:color value;}」、「a:visited{color:color value;}」、「a:hover{color:color value;}」、「a :active{color:color value;}" ステートメントでは、ハイパーリンクの 4 つの状態でリンクの色を設定するだけです。

HTMLでハイパーリンクの色を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

タグは、あるページから別のページにリンクするために使用されるハイパーリンクを定義します。

要素の最も重要な属性は、リンクのターゲットを示す href 属性です。

すべてのブラウザでのリンクのデフォルトの外観は次のとおりです。

HTMLでハイパーリンクの色を設定する方法

ハイパーリンクには 4 つの状態があります。

a:link - 通常の状態でアクセスされていないリンク
##a:visited - ユーザーがアクセスしたリンク
a:hover - ユーザーがリンク上にマウスを置いたとき
#a:active - リンクがクリックされた瞬間

above 使用時のリンクのステータスには次の順序規則があります:

## に従う必要があります。 ## a:active は a:hover の後に続く必要があります
注: リンクに初めてアクセスする前に、リンクは a:link

a:link{color:red;}
a:visited{color:gray}
a:hover{color:blue;font-size:24px}
a:active{color:black}

ログイン後にコピー

例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
a:link {color:red;}      /* 未访问链接*/
a:visited {color:gray;}  /* 已访问链接 */
a:hover {color:blue;}  /* 鼠标移动到链接上 */
a:active {color:black;}  /* 鼠标点击时 */
</style>
</head>
<body>
<p><b><a href="#">这是一个链接</a></b></p>
</body>
</html>

ログイン後にコピー

推奨チュートリアル：「

htmlビデオチュートリアル##」 #" HTMLでハイパーリンクの色を設定する方法