※スタイルシート、スタイル属性の詳しい解説は、「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>

page update:2019/01/09 19:55

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom