CSS 链接

给链接添加CSS样式,如:链接的文本颜色、是否有下划线等,而且在不同状态下的链接有不同的样式可以设置。

链接的几种状态

  • a:link – 正常状态, 未访问过的链接
  • a:visited – 用户已访问过的链接
  • a:hover – 当用户鼠标放在链接上时
  • a:active – 链接被点击的那一刻

当有多种状态的链接样式时,有一些顺序规则:

  • a:hover 必须跟在a:link 和 a:visited 后面
  • a:active 必须跟在a:hover 后面

简单示例

a:link {
    text-decoration: none;
    background: #aa5957;
}

a:visited {
    text-decoration: none;
    background: #33aa88;
}

a:hover {
    text-decoration: underline;
    background: #5a5a8c;
}

a:active {
    text-decoration: underline;
    background: #459a9a;
}

 

评论

  • 还没有任何评论,来说两句吧。

  • 0%