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

时间:2008-09-08 15:43:27

标签: html css

当我将图像(<img>)转换为超链接(通过将其包裹在<a>中)时,Firefox会在图像周围添加黑色边框。 Safari不显示相同的边框。什么CSS声明最能消除边界?

5 个答案:

答案 0 :(得分:30)

img {
    border: 0
}

或老式:

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

答案 1 :(得分:9)

只需添加:

border: 0;

或:

a img {
  border: 0;
}

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

这应该可以解决问题。

答案 2 :(得分:6)

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

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

在css中

border : 0;

在你的形象的任何阶级。

答案 3 :(得分:3)

a img {
    border-width: 0;
}

答案 4 :(得分:1)

试试这个:

img {
  border-style: none;
}