img {border：0;}不起作用

Question

我有以下代码，我仍然看到图像下的边框。有什么想法吗？

a, a:visited {
    color: #000000;
    border-bottom: 2px solid black;
    padding-bottom: 2px;
    text-decoration: none;
}

img {
    border: 0;
}

也许我应该补充说我在当地工作......

代码示例：http://jsfiddle.net/8WzMJ/

Answer 1

您将图像放置在锚点内并将边框底部锚定，以删除它，从锚点中删除边框

a,
a:visited {
  color: #000000;
  padding-bottom: 2px;
  text-decoration: none;
}

或添加类以锚定并为其设置样式而不使用边框

<a class="without-border" href="http://www.seobook.com/images/smallfish.jpg">
  <img src="http://www.seobook.com/images/smallfish.jpg" />
</a>

.without-border {
  border: none;
}

Answer 2

如果没有看到您的代码，我不知道这可能会产生什么影响，但您可以尝试：

img{
    float:left;
    padding-bottom:2px;
}