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

Question

当我将图像 ( <img>) 转换为超链接（通过将其包装在 中<a>）时，Firefox 在图像周围添加了一个黑色边框。Safari 不显示相同的边框。

什么 CSS 声明最适合消除边框？

Answer 1

img {
    border: 0
}

或老式：

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

Answer 2

只需添加：

border: 0;

或者：

a img {
  border: 0;
}

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

这应该够了吧。

Answer 3

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

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

在 css 内

border : 0;

无论你的形象是什么类别。

Answer 4

a img {
    border-width: 0;
}

Answer 5

试试这个：

img {
  border-style: none;
}