※スタイルシート、スタイル属性の詳しい解説は、「HTMLの解説」にあります。
■ マウスで文字色、背景色の変更
スタイルシートやスタイル属性を使用してリンク文字の色を変更します。
マウスが重なるとリンク文字の文字色と背景色が変更されます。
JavaScriptを使用しても同様の事が可能です。
※スタイルシートやスタイル属性の詳しい説明は、「HTMLの解説」−「15.スタイルシート」や「HTMLの解説」−「14.スタイル属性」を参照してください。
HEAD句内に次のように記述します。
「a」要素はリンク文字(aタグ)の標準書式を指定します。
「a:hover」要素はマウスがリンク文字に乗った(マウスオーバー)時のリンク文字(aタグ)の書式を指定します。
指定色はご自分用に変更してください。
- 【記述サンプル】
- <STYLE type="text/css"> <!-- a { text-decoration: none; color: #0000ff; } a:hover { background-color: #ff00ff; color: #00ff00; } --> </STYLE>