链接图像边框样式

Question

我希望能够链接我的图片。点击它。返回页面，看到它已被访问过。 当我回去时，我希望我访问过的图像有不同的颜色边框。

我的代码：

a:link img{border-color:#FFF; border-style:solid; border-width:1px;}
a:hover img{border-color:#03F; border-style:solid; border-width:1px;}
a:visited img, a:active img{border-color:#036; border-style:solid; border-width:1px;}

任何想法都会受到赞赏。

Answer 1

链接CSS可能很难做到，因为很多浏览器都很古怪。声明链接CSS的最佳顺序是

• 链接
• 访问
• 悬停
• 有效

（还记得作为助记符LoVe / HAte）。

另外，尝试声明你的css：

a:hover img {border: 1px solid #036;}

而不是在三个不同的声明中指定它。

Answer 2

告诉我们哪个浏览器不起作用可能会有所帮助，因为它们都处理嵌入文本的锚链接。