画像にリンクをつけたのですが線を消したい

質問

たとえば、犬の画像が500×500pxであったとします。

<a href=犬の画像.jpg><img src=犬の画像.jpg width=100 height=100></a>

こんなタグを書いたとします。
（実際には日本語使えませんが、わかりやすいように）

これは要するに、100×100に縮小されている犬の画像をクリックすると500×500の画像へリンクするわけですが。

これを書くと、犬の画像のまわりに青色の線（クリックした場合は紫色の線）がついてしまうんです。

文字へのリンクでいうところのアンダーラインみたいなものです。

これを消したいのですがどうすればいいでしょうか？

どうぞアドバイスよろしくお願い致します。

回答No.2

dezimac · ベストアンサー

border=0を付け加えれば線は消えます。
<img src="犬の画像.jpg" alt="犬" width=100 height=100 border="0">

若しくはスタイルシートで、
img {border:0px;}

> 100×100に縮小されている犬の画像をクリックすると500×500の画像へ
一概には言えませんが、面倒でも予め小さなサイズの画像を用意して使った方がいいですよ。
小さい画像の方が読み込み時間が短くなる分だけ早く表示出来ます。
枚数が多いなら尚のさらです。

<a href=犬の画像.jpg><img src=犬の画像ミニ.jpg width=100 height=100></a>

回答No.1

fine_day

<img>タグの中に「border=0」を追加してみてください。
リンクの線が消えると思います。