代码之家 › 专栏 › 技术社区 › Dan

链接图像边框样式

visited border image css

1

Dan · 技术社区 · 16 年前

我想把我的形象联系起来。点击它。回到这一页,看看有人访问过它。我想我的访问图像有一个不同的颜色边界当我回去。

我的代码:

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

任何想法都会很感激的。

2 回复 | 直到 16 年前

1

3

jacobangel 16 年前

链接CSS可能很难正确,因为许多浏览器可能会对此感到奇怪。声明链接CSS的最佳顺序是

链接
访问
悬停
活跃的

(也被认为是记忆中的爱/恨)。

另外,尝试声明您的css:

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

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

2

0

Nick Berardi 16 年前

告诉我们哪个浏览器不工作可能会有帮助,因为它们都以不同的方式处理嵌入文本的锚链接。