关注码农话题
做一个实实在在的内行人

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

入职你的梦想 VS 变现你的技术

IT面试宝典码农市场