CSS 2.0 の勉強 (リンクの色を設定)

CSS 2.0 を勉強しましょう。

リンクの色を設定する方法を説明します。

以下の例では、マウスの動きや、クリック前後の状態のそれぞれの色を設定しています。

■コード (HTML)

<a href="http://www.asahi.com">朝日新聞</a>

■コード (CSS)

a:link {
color: black;
}

a:visited {
color: green;
}

a:hover {
color: blue;
}

a:active {
color: red;
}

■ 説明
link はクリックされていない時の色、visited はクリックされた後の色、hover はマウスカーソルを当てたろ時の色、active はマウスをクリック中の色です。