リンク色の設定 【a:link、a:visited、a:hover、a:active】

※ブラウザで表示した時の見え方

AICHAN WEB

※ソースサンプル

【CSS】
a:link {
color: #0033ff
}
a:visited {
color: #6633cc
}
a:hover {
color: #ff33aa
}
a:active {
color: #ff33aa
}
【HTML】
<a href="http://www.aichan.biz/">AICHAN WEB</a>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

a:link未訪問リンク
a:visited訪問済みリンク
a:hoverアクティブ
a:activeクリック中のリンク
セレクタの例

▼ページ全体のリンクを設定
a:link { … }
a:visited { … }
a:hover { … }
a:active { … }

▼特定のIDが指定されているリンクの設定
#ID名 a:link { … }
#ID名 a:visited { … }
#ID名 a:hover { … }
#ID名 a:active { … }

▼特定のクラスが指定されているリンクの設定
a.クラス名:link { … }
a.クラス名:visited { … }
a.クラス名:hover { … }
a.クラス名:active { … }

▼特定のクラスが指定された要素に含まれるリンクの設定
.クラス名 a:link { … }
.クラス名 a:visited { … }
.クラス名 a:hover { … }
.クラス名 a:active { … }