リンク文字の色を変更

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body link="#00ffff" vlink="#999900" alink="#ff0000">
<p><a href="https://www.7key.jp/">ここをクリックして下さい</a></p>
</body>
</html>

表示サンプル

解説

<body>」内にリンク色の指定を行うことが出来ます。指定できるのは以下の通りです。

link
未読ページへのリンク文字色を指定します
vlink
既読ページへのリンク文字色を指定します
alink
リンクをクリックした際のリンク文字色を指定します

文字色の指定には「RGBカラー」を使用します。(RGBカラーの詳細はこちらを参照ください)。

リンクについての詳細は「リンクってなに?」を参照下さい。

CSSを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
a:link.samp    { color: #00ffff; }
a:visited.samp { color: #999900; }
a:active.samp  { color: #ff0000; }
-->
</style>
</head>
<body>
<p><a href="https://www.7key.jp/" class="samp">ここをクリックして下さい</a></p>
</body>
</html>

表示サンプル

解説

スタイルシートを使用して上記のように記述することもできます。指定できる項目は次の通りです。

link
未読ページへのリンク文字色を指定します
visited
既読ページへのリンク文字色を指定します
active
リンクをクリックした際のリンク文字色を指定します

文字色の指定には「RGBカラー」を使用します。(RGBカラーの詳細はこちらを参照ください)。