リンクを設定した文字の上にマウス（カーソル？）を乗せると色が変わる！

だれか、ＨＴＭＬの記述で教えてください。
文字の背景の色が変わる、じゃなくて、
文字の色を変えたいんです。
（クリックする前マウスを乗せるだけで）。

No.3 ベストアンサー 回答者： the845t 回答日時： 2003/04/09 22:09

スタイルシートを利用します。

head内に、
<style>
<!--
a:hover { color:#eeffdd; }
a:link { color:#ddcc45; }
a:visited{ color:#dc143c; }
-->
</style>
とすれば可能です。
a:hoverがマウスが上に来た時、残りはそれぞれ、
デフォルトのリンク色、既読リンクの色となります。

この回答へのお礼

ありがとうございます！
書かれてある通りやったら成功しました。
感謝ですｍ（＿＿）ｍ

お礼日時：2003/04/10 13:13

No.2 回答者： seapassion 回答日時： 2003/04/09 22:07

参考URLなんかですかね。

。
他には・・・
http://www.interq.or.jp/pink/taka1112/javascript/
とか。。

参考URL：http://www4.ocn.ne.jp/~tomotan/javascripts/tip07 …

この回答へのお礼

ありがとうです！できました。

お礼日時：2003/04/10 13:12

No.1 回答者： tatuya_00_000 回答日時： 2003/04/09 22:05

<a href="../2.htm" style="cursor:ne-resize">カーソル１</a>

<a href="../2.htm" style="cursor:nw-resize">カーソル２</a>
<a href="../2.htm" style="cursor:se-resize">カーソル３</a>
<a href="../2.htm" style="cursor:sw-resize">カーソル４</a>
<a href="../2.htm" style="cursor:n-resize">カーソル５</a>
<a href="../2.htm" style="cursor:s-resize">カーソル６</a>
<a href="../2.htm" style="cursor:w-resize">カーソル７</a>
<a href="../2.htm" style="cursor:e-resize">カーソル８</a>
<a href="../2.htm" style="cursor:move">カーソル９</a>
<a href="../2.htm" style="cursor:wait">カーソル１０</a>
<a href="../2.htm" style="cursor:hand">カーソル１１</a>
<a href="../2.htm" style="cursor:crosshair">カーソル１２</a>
<a href="../2.htm" style="cursor:help">カーソル１３</a>

--------------------------
こんな感じですが。
styleのところを変えてくださいね・

この回答へのお礼

どうもありがとうございますｍ（＿＿ｍ

お礼日時：2003/04/10 12:54