プロが教える店舗&オフィスのセキュリティ対策術

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

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

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

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

A 回答 (1件)

例えば、こんな感じでいいと思います。


<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>
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/02/07 04:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!