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

質問

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

回答No.3

the845t · ベストアンサー

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

お礼

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

回答No.2

seapassion

参考URLなんかですかね。。
他には・・・
http://www.interq.or.jp/pink/taka1112/javascript/
とか。。

参考URL：

http://www4.ocn.ne.jp/~tomotan/javascripts/tip077.htm

お礼

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

回答No.1

tatuya_00_000

<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のところを変えてくださいね・

お礼

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