html - img {边框 :0;} not working

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

你把一个图像放在 anchor 内，并给 anchor 底部边框，要删除它，从 anchor 中删除边框

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