HTML+CSS 轻松入门之超链接状态

超链接有哪几种状态

a:link   初始化时

a:hover   悬停时

a:active  激活时

a:visited  访问过后

接下了我们通过一个实例来详细讲解

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>超链接的状态</title>
	<style type="text/css">
		a:link{
			color:red;   /*初始化时,链接的颜色为红色*/
		}

		a:hover{
			color:black;  /*悬停时,当鼠标放在上面,不点击时,为黑色*/
		}

		a:active{
			color:green; /*激活时,鼠标放在上面点击,但是不松开鼠标是的颜色,绿色*/
		}

		a:visited{
			color:yellow; /*访问过后,即当鼠标点击链接以后的样式*/
		}
	</style>
</head>
<body>
	<a href="#">PHP 中文网</a>
</body>
</html>


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接的状态</title> <style type="text/css"> a:link{ color:red; /*初始化时,链接的颜色为红色*/ } a:hover{ color:black; /*悬停时,当鼠标放在上面,不点击时,为黑色*/ } a:active{ color:green; /*激活时,鼠标放在上面点击,但是不松开鼠标是的颜色,绿色*/ } a:visited{ color:yellow; /*访问过后,即当鼠标点击链接以后的样式*/ } </style> </head> <body> <a href="#">PHP 中文网</a> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
我又来了

我又来了

不同的颜色是吗

5年前    添加回复 0

回复
看山看水看代码

看山看水看代码

效果大致能看懂了

5年前    添加回复 0

回复
仗义皆为屠狗辈 无情多为读书人

仗义皆为屠狗辈 无情多为读书人

点击还能变颜色,这个很可以

5年前    添加回复 0

回复
末日的春天

末日的春天

好像能把下面的下划线去掉

5年前    添加回复 0

回复
烟雨江南

烟雨江南

a:link 初始化时 a:hover 悬停时 a:active 激活时 a:visited 访问过后

5年前    添加回复 0

回复
男神

男神

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超链接的状态</title> <style type="text/css"> a:link{ color:red; /*初始化时,链接的颜色为红色*/ } a:hover{ color:black; /*悬停时,当鼠标放在上面,不点击时,为黑色*/ } a:active{ color:green; /*激活时,鼠标放在上面点击,但是不松开鼠标是的颜色,绿色*/ } a:visited{ color:yellow; /*访问过后,即当鼠标点击链接以后的样式*/ } </style> </head> <body> <a href="#">PHP 中文网</a> </body> </html>

5年前 0

看透不说透

看透不说透

a:link 初始化时 a:hover 悬停时 a:active 激活时 a:visited 访问过后

5年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~