特定のオンマウス画像にだけ枠をつけるには？

質問

いつもお世話になっております
今回もどうぞよろしくお願いします

◆◆要点◆◆
特定のリンク画像だけにカーソルが重なったときに、リンク画像の周りに枠が表示されるようにするにはどうしたらいいですか？

◆◆現状◆◆
CSSスタイルの:hover img タグでいろいろいじっているのですが、どうしても全てのリンク画像に枠が表示されてしまいます。個別に設定する方法がわかりません

どうぞよろしくお願いします

回答No.1

BLUEPIXY · ベストアンサー

例えば、こんな感じでいいと思います。
<img src="00.jpg" onmouseover="this.style.border='solid 2px #F00';" onmouseout="this.style.border='none';">

あと、CSSでやるには、IDとかクラス指定したらいいのではないかと思います。
例えば、こんな
<style>
<!--
a:link#box { border:none; }
a:visited#box { border:none; }
a:hover#box { border:solid 2px #00F; }
a:active#box { border:none; }
//-->
</style>
<a href="#" id="box"><img src="00.jpg"></a>

お礼

ありがとうございました、ちゃんとできました。