マウスポイントを当てて背景色を変える

「マウスポイントを当てたときに文字列の背景色を変える」ことをしたいのですが、どのようなコードになりますでしょうか？また、参考になるHPあどありましたら幸いです。ご存知の方よろしくお願いします。

No.3 ベストアンサー 回答者： beaper 回答日時： 2006/06/14 00:15

先ほどの回答でこちらの解釈違いがありました。

a:hover { background-color: 色名またはRGB値; }

上のソースはハイパーリンクがはってある文字列にマウスポインタをあてたときです。なのでリンクのはってない文字列に対して同じことをするのであれば、a:hoverのところが変わってきます。

参考サイトについてですが、「スタイルシート リファレンス」と検索エンジンにかけてみればいくつかは参考になりそうなサイトが出てきます。

（一応聞いておきますが、質問から察するにWebページのソース（コード）の編集をやっているんですよね？）

No.6 回答者： pi8027 回答日時： 2006/06/16 02:06

CSSで可能です。

参考になるサイト:http://web.xii.jp/iec/
内容:ウェブサイト構築に関するリソースを提供しています。

No.5 回答者： partita 回答日時： 2006/06/15 19:47

その文字列がリンクであるという前提で…#2さんとは一味違う方法

<a href="hhh.html">リンク</a>

a {
display:block;
width:100px;
height:40px;
background-color:yellow;
}
a:hover {background-color:blue;color:white;}

お好みで
a {text-decoration:none;text-align:center;}
なども追加できます。

No.4 回答者： BLUEPIXY 回答日時： 2006/06/14 03:47

スタイルシートによる回答が既にでているので

スクリプトによる方法

<span onmouseover="this.style.backgroundColor='#000';this.style.color='#FFFACD'" onmouseout="this.style.backgroundColor='';this.style.color=''">マウスポイントすると背景色が変わる</span>

No.2 回答者： beaper 回答日時： 2006/06/13 23:59

JavaScriptとスタイルシートの２通りがあるようです。

私の運営しているWebページのソースで質問者さんの要求に近いのがあったのでそれを抜粋。（スタイルシートで表現）


a:hover { background-color: 色名またはRGB値; }

上のソースをどのように加えるかはHTMLの知識が多少あればできると思います。

参考としてのWebサイトですが・・・申し訳ありません、調べ方がよくなかったのかいいサイトが見つかりませんでした。

No.1 回答者： ririco77 回答日時： 2006/06/13 23:53

マウスポイント時の、字の色変更ですか？

そうならば、
インターネットオプションで、色を選択して「ポイント時に色を変更する」にチェックをいれ、色を選択してみて下さい。