css伪类，a标签的四种状态

最新推荐文章于 2022-04-23 14:58:40 发布

Adrian503

最新推荐文章于 2022-04-23 14:58:40 发布

阅读量9.2k

点赞数 5

分类专栏： HTML 文章标签： css伪类 a标签的四种状态

本文链接：https://blog.csdn.net/Adrian503/article/details/48765581

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

css伪类（a标签的四种状态）

有时候在浏览一些网站时会发现，当你把鼠标放在链接上时，它的颜色就会变，这就是用了css控制了它的四种状态，

大家都知道a标签可以用来实现超链接，

第一种状态： link （默认）正常状态（初始状态，不用鼠标去触碰）

第二种状态： hover 鼠标放上去的时候（但不点击）

第三种状态： active 点击的时候（鼠标还没放开）

第四种状态： visited 点击之后（）

语法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>css 伪类</title>
<meta http-equiv="Content-Type" content="text/html; charset= utf8" />
<style>
a:link{
	color: black;
}
a:visited{
	color:blue;
}
a:hover{
	color: orange;
}
a:active{
	color: pink;
}
</style>
</head>
    <body>
    <a href="http://www.dreamdu.com/xhtml/">ffff</a>
	</body>
</html>

使用时注意：