CSS中＜a＞超链接的样式

原创已于 2024-09-25 20:22:54 修改 · 529 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

于 2024-09-20 00:25:11 首次发布

前端HTML/CSS/JS 专栏收录该内容

17 篇文章

订阅专栏

<!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>