拉不拉稀肚拉稀 发表于 2024-9-26 17:58:45

CSS中<a>超链接的样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 伪类选择器 -->
    <style type="text/css">
      /* 未访问的样式 */
      a:link{
            color:black;
            text-decoration:none;
      }
      /* 被访问后的样式 */
      a:visited{
            color:green;
            text-decoration: none;

      }
      /* 鼠标悬停的样式 */
      a:hover{
            color:red;
            text-decoration: none;
      }
      /* 被用户激活的样式 */
      a:active{
            color:blue;
            text-decoration:none;
      }
    </style>

</head>

<body>
    <a href="CSS基础1.html">到CSS基础1.html</a>   
</body>
</html> https://i-blog.csdnimg.cn/direct/4da42f5e2318491cb8121c72cfaf08d5.png
https://i-blog.csdnimg.cn/direct/6b48e83f66cc4b948e030fc23c72b565.png https://i-blog.csdnimg.cn/direct/01145792152444fc9cadc43c66fa8095.png

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: CSS中<a>超链接的样式