CSS 链接

通过CSS,链接可以以不同的形式表现。

链接有四种状态:

a:link – 一般状态

a:visited – 已浏览状态

a:hover – 鼠标悬浮时的状态

a:active – 鼠标点击时的状态

不同状态下链接显示不同颜色文本的例子:

a:link {
color: red;
}
a:visited {
color: green;
}
a:hover {
color: hotpink;
}
a:active {
color: blue;
}

有一个需要特别注意的是,这四个状态的先后顺序有规定:

a:hover 写在 a:link 和 a:visited 后边;a:active 写在 a:hover 后边。

推荐书写的顺序是: link、visited、hover、active

习惯性的会这么用:

a:link, a:visited {
color: red;
}
a:hover, a:active {
color: blue;
}

相关文章