■ オンマウスでリンクの背景色を変更する

オンマウスで文字の状態を変更する場合は、通常DHTML（DynamicHTML）を使用します。
ところが、Aタグ（アンカータグ）だけはDHTML（DynamicHTML）を使用しなくてもCSS（カスケードスタイルシート）だけでオンマウスの制御が可能です。

Aタグは、CSSで次のような５つの要素を指定することができます。

【記述サンプル】

<style type="text/css"> <!-- a { }　（標準のスタイル属性） a:link { }　（未訪問リンクのスタイル属性） a:hover { } 　（オンマウスリンクのスタイル属性） a:active { }　（マウスクリック時のスタイル属性） a:visited { }　（訪問済みリンクのスタイル属性） --> </style>

この中の「オンマウスリンクのスタイル属性」を使用することにより「オンマウス」時の制御が可能になります。

例えば、「オンマウス」時のリンク文字の背景色を薄青にしたい場合は、スタイル属性の「background-color: #ccccff」を「a:hover」に指定します。

※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。

◆１行で記述する場合

【記述サンプル】

<style type="text/css"> <!-- a:hover { background-color: #ccccff; } --> </style>

◆複数行で記述する場合

【記述サンプル】

<style type="text/css"> <!-- a:hover {   background-color: #ccccff; } --> </style>