リンク文字の設定

1.アンカー疑似クラス

リンク文字に対するスタイルは、アンカー疑似クラスによって設定する。通常のクラス指定とは異なり、Aタグ要素のあとにコロン(:)とクラス名を書く。


a:link      { color : blue ; }
a:visited  { color : blue ; }
a:hover    { color : white ; background-color : navy ; }
a:active   { color : aqua ; }


 ・・・ 略 ・・・


<a href="./index..htm">トップページへ戻る</a><br><br>
<a href="http://www.bunkyo.ac.jp/">文教大学</a>へジャンプ<br><br>
トップページへ戻る

文教大学へジャンプ


 ◇アンカー疑似クラスの種類

:link
未訪問リンクに対する設定
:visited
訪問済みリンクに対する設定
:hover
マウスがリンク文字の上に乗っているときの設定
:active
アクティブ中(クリック中)のリンク文字に対する設定