阅读(27)

CSS 链接

最后一次修改 2017年08月04日

CSS链接

HTML锚点链接可以使用CSS属性为其文本颜色,背景,字体等设置样式。

以下代码将颜色样式添加到锚链接。

a {
  color:red;
}

链接状态样式

除了正常的样式之外,锚链接也可以基于其状态来设置样式。

四个链接状态是:

  • a:link - 未访问的链接

  • a:visited - 已访问的链接

  • a:hover - 一个悬停(mouses over it)链接。

  • a:active - 链接正在点击

a:hover必须在a:link和a:后面访问在CSS定义中才能有效。

a:active必须来自a:hover在CSS定义中才能有效。

/* unvisited link */
a:link {
    color: red;
}

/* visited link */
a:visited {
    color: blue;
}

/* mouse over link */
a:hover {
    color: yellow;
}

/* selected link */
a:active {
    color: black;
}