我对文档中的锚定标记有一个全局规则：
a,a:hover {border-bottom: 1px solid #ccc;}
但在图像上边界看起来不太好。我很好奇是否有一种方法可以移除锚定标签的边框，该标签只包含使用纯css的图像？
最佳答案
我找到这个：http://konstruktors.com/blog/web-development/1122-remove-border-from-image-links/
它基本上是一个非常简单的黑客，如下所示：
a img { border:none; vertical-align:top; }
它的工作方式就像一个魔咒，没有浏览器冲突：请参阅文章了解更多细节。
编辑：
border:none实际上在大多数情况下不会做任何有用的事情。边框在锚上，而不是img标记上，因此如果您已经使用全局css重置将锚定图像上的边框归零，则只需要vertical-align:top将a的边框向上推到图像后面，使其不再可见（只要您的图像不透明）。