一个 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;
}