html - ハイパーリンクされた画像の周りの黒い境界線を削除するには?

Question

画像 ( <img>) を ( でラップして) ハイパーリンクにすると<a>、Firefox は画像の周りに黒い境界線を追加します。Safari は同じ境界線を表示しません。

境界線をなくすには、どの CSS 宣言が最適でしょうか?

score 30 · Accepted Answer

30

img {
    border: 0
}

または昔ながらの：

<img border="0" src="..." />
     ^^^^^^^^^^

于 2008-09-08T15:45:49.783 に答える

score 9 · Accepted Answer

追加するだけです：

border: 0;

また：

a img {
  border: 0;
}

すべての画像リンクから境界線を削除します。

これでうまくいくはずです。

score 6 · Accepted Answer

コードでは、border=0 を使用します。たとえば、次のようになります。

<img href="mypic.gif" border="0" />

CSS内

border : 0;

あなたのイメージがどんなクラスの下でも。

score 3 · Accepted Answer

3

a img {
    border-width: 0;
}

于 2008-09-08T15:45:37.647 に答える

score 1 · Accepted Answer

1

これを試して：

img {
  border-style: none;
}

于 2013-08-22T06:17:06.847 に答える

5 に答える 5