css应该怎么设置超链接样式

css设置超链接样式的方法是，给超链接添加伪类，例如【a:visITed { color:#00FF00; } 】。【a:visited】表示用户已经访问过的链接。

本文操作环境：windows10系统、css 3、ThinkPad t480电脑。

如果我们要设置超链接的样式，其实是可以使用任何一个css属性的，比如颜色、字体、背景等等。但是如果你想设置特别的样式，就需要使用到伪类。下面我们一起来看下伪类。

提示：特别的链接，可以有不同的样式，这取决于他们是什么状态。

这四个链接状态是：

• a:link - 正常，未访问过的链接

• a:visited - 用户已访问过的链接

• a:hover - 当用户鼠标放在链接上时

• a:active - 链接被点击的那一刻

代码示例：

!DOCTYPE htML>
    html>
    head>
    meta charset="utf-8">
     title>
    (php.cn)/title>
     style>
a:link {
    color:#000000;
}
      /* 未访问链接*/a:visited {
    color:#00FF00;
}
  /* 已访问链接 */a:hover {
    color:#FF00FF;
}
  /* 鼠标移动到链接上 */a:active {
    color:#0000FF;
}
      /* 鼠标点击时 *//style>
    /head>
    body>
    p>
    b>
    a href="/css/" target="_blank">
    这是一个链接/a>
    /b>
    /p>
    p>
    b>
    注意：/b>
     a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。/p>
    p>
    b>
    注意：/b>
     a:active 必须在 a:hover 之后。/p>
    /body>
    /html>
    

我们来看下运行效果：

相关推荐：css视频教程

以上就是css应该怎么设置超链接样式的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！