CSS 链接

2018-01-16 15:49 更新

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号