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

 

发布者

峰影

峰影

做好自己,不要让自己后悔,每时每刻都要鼓励自己,这样才会有动力。现在是灰色的,但将来一定是彩色的,希望彩色不会来的太晚!

发表评论

电子邮件地址不会被公开。 必填项已用*标注