如何删除超链接图像周围的黑色边框？

When I turn an image (<img>) into a hyperlink (by wrapping it in <a>), Firefox adds a black border around the image. Safari does not display the same border. What CSS declaration would be best to eliminate the border?

当我将图像（如何删除超链接图像周围的黑色边框？）转换为超链接（通过将其包装在中）时，Firefox会在图像周围添加黑色边框。 Safari不显示相同的边框。什么CSS声明最能消除边界？

5 个解决方案

#1

img {
    border: 0
}

Or old-fashioned:

或者老式的：

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

#2

Just add:

只需添加：

border: 0;

or:

要么：

a img {
  border: 0;
}

to remove border from all image links.

从所有图像链接中删除边框。

That should do the trick.

这应该够了吧。

#3

in the code use border=0. so for example:

在代码中使用border = 0。例如：

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

within css

在css内

border : 0;

under whatever class your image is.

在你的形象的任何阶级。

#4

a img {
    border-width: 0;
}

#5

Try this:

尝试这个：

img {
  border-style: none;
}

#1

img {
    border: 0
}