リンク文字の色を変更
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カラーの詳細はこちらを参照ください)。