カーソルを合わせると、リンク文字色が変わる

灰色背景がサンプルソース

サンプルソース

HTMLソース

<a href="http://www.yahoo.co.jp">Yahoo!JAPAN</a>

CSSソース

a:hover {color:red;}

サンプル表示

→カーソルを合わせると、リンク文字色が変わる(サンプル)

解説

HTMLソース

特にHTMLの方に記述することはありません。普通にリンクを張る時と同じように書けばOKです。

CSSソース

a:hover {color:色;}を指定します。
これは、リンク(a)の上にマウスカーソルが乗った時(hover)に、colorで指定した色にリンク文字色が変わるという意味です。

上のサンプルでは、カーソルが乗った時に「赤」に変える為に、CSSのa:hover {color:red;}を指定しています。
ちなみに、赤以外にしたい場合はredを他の色に変えればOKです。

例)
■緑色に変える
a:hover {color:green;}

■色コード#000000に変える
a:hover {color:#000000;}

[参考]色見本 - 色名称/カラーコード一覧