CSS 链接

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