[新着] Webテンプレートを仮オープンしました
a:link { color: blue; }
a:visited { color: #8080ff; }
a:hover { color: #ffff00; }
a:active { color: red; }
a:link { color: ***; } … 通常(未アクセス)の色
a:visited { color: ***; } … アクセス済みの色
a:hover { color: ***; } … ポイント時の色
a:active { color: ***; } … アクティブ時の色
※Netscapeの場合、hover の指定はNetscape6以上で対応しています。
![]()
疑似クラスを使ってリンクの文字色を指定する際には、link → visited → hover → active 、といった順序で記述する必要があります。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
a:link { color: #0000ff; }
a:visited { color: #0000a0; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }
-->
</style>
</head>
<body>
<p><a href="index.html">リンクカテゴリー</a></p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます