■ オンマウスでリンク文字に下線を付ける

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

※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。
また、「CSSサンプル（カスケーディングスタイルシート）」−「オンマウスでリンクの文字色を変更する」、「オンマウスでリンクの背景色を変更する」も参考にしてください。

「オンマウス」時にリンク文字に下線（アンダーライン）を付けたい場合は、スタイル属性の「text-decoration: underline;」を「a:hover」に指定します。
※標準状態をアンダーラインなしにしたい場合は、「text-decoration: none」を使用してください。

◆１行で記述する場合

【記述サンプル】

<style type="text/css"> <!-- a:hover { text-decoration: underline; } --> </style>

◆複数行で記述する場合

【記述サンプル】

<style type="text/css"> <!-- a:hover {   text-decoration: underline; } --> </style>