常见的伪类

最新推荐文章于 2024-04-25 20:37:26 发布

大坤...

最新推荐文章于 2024-04-25 20:37:26 发布

阅读量171

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/red_HTML/article/details/125808505

版权

本文介绍了CSS中a标签的四种伪类：未访问的链接(:link)，已访问的链接(:visited)，鼠标悬停时(:hover)和活动链接(:active)的样式设置。通过示例代码展示了不同状态下链接文字颜色的变化，帮助理解这些伪类在网页设计中的应用。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 为被选中状态 */
			a:link{
				color: #87B2D9;
			}
			/* 以访问状态 */
			a:visited{
				color: yellow;
			}
			/* 悬浮状态 */
			a:hover{
				color: red;
			}
			/* 被选择状态 */
			a:active{
				color: orange;
			}
		</style>
	</head>
	<body>
			<a href="">一个a标签的四种伪类</a>
	</body>
</html>

为被选中状态 a:link

以访问状态 a:visited

悬浮状态 a:hover

被选择状态 a:active