CSS|超链接伪类

最新推荐文章于 2022-07-11 20:52:53 发布

Alan_Lowe

最新推荐文章于 2022-07-11 20:52:53 发布

阅读量332

点赞数 1

分类专栏： # CSS 文章标签： css css3 html web

本文链接：https://blog.csdn.net/qq_45985728/article/details/119152806

版权

CSS 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

CSS|超链接伪类

CSS：

/*表示超链接访问前的样式*/
a:link{
    color: #000000;
}
/*鼠标悬停时的样式*/
a:hover{
    color: blue;
    font-size: 20px ;
}
/*鼠标点击不放时的样式*/
a:active{
    color: yellow;
}
/*访问过后的样式*/
a:visited{
    color: red;
}

HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接伪类</title>
    <link rel="stylesheet" href="Style-demo11.css">
</head>
<body>


<img src="../resource/image/img.png" alt="">
<br>
<a target="_blank" href="https://baike.baidu.com">科比</a>
<br>
<a target="_blank" href="https://baike.baidu.com">篮球运动员</a>
<br>
<a target="_blank" href="https://baike.baidu.com">湖人</a>
<br>

</body>
</html>