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

Question

当我把图像（<img>）包裹在 <a> 中，将其变成超链接时，Firefox 会在图像周围添加黑色边框。而 Safari 则不显示相同的边框。

最好使用哪个 CSS 声明来消除这个边框？

- Eric

Answer 1

img {
    border: 0
}

或者老派一些:

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

- pilif

---

这个解决方案对我帮助很大，但愿我在两个小时的挣扎之前就发现它了！但是我认为使用"a img{border: 0;}"更适合原始问题 - 强调初始的"a"，因为只有当图像被包裹在超链接中时才会出现问题。 - Matt Haughton

Answer 2

只需添加：

border: 0;

或者：

a img {
  border: 0;
}

去掉所有图片链接的边框。

这样就可以了。

- Kamil Zadora

Answer 3

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

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

在CSS中

border : 0;

无论您的图像属于哪个类别。

- enigmatic

---

注意：您的<img>标签不正确。您必须使用“”引用边框属性值（因为XML要求如此），或者删除结束>之前的/（因为SGML / HTML不允许这样做）。 - pilif

Answer 4

a img {
    border-width: 0;
}

- George Mauer

---

这是无效的CSS：'0'没有单位。应该只是“border-width: 0;”。 - Bobby Jack

@BobbyJack 当然，0也需要一个单位。即使它可以从上下文中推导出来，所有的数字（包括0）都需要一个单位才能有意义。如果你不写单位，浏览器会自动添加'px'，帮你懒惰地清理掉，但它仍然需要存在。 - Benubird

Answer 5

试试这个：

img {
  border-style: none;
}

- user2645981