超链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
<!-- <link rel="stylesheet" href="../chujicss/css/11.15.08.css"> -->
<!--伪类选择符 -->
<!--去掉下划线-->
<!-- a:link 正常状态的链接样式 a:visited 访问过的链接样式 -->
<!-- a:hover 悬停状态的链接样式 (鼠标指向超链接时) a:active 激活时超链接样式 (鼠标按下超链接但是没有松手时)-->
<style type="text/css">
a:link {
text-decoration: none;
color: red;
}
a:visited {
color: green;
/* 链接点击之前为红色,点击后为绿色 */
}
a:hover {
color: blue;
/* 鼠标悬停时为蓝色 */
}
a:active {
color: gold;
}
</style>
</head>
<body>
<h1>
<a href="http://www.baidu.com" target="_blank">百度</a>
</h1>
</body>
</html>
正常状态的链接样式 运行结果为:
悬停状态的链接样式 运行结果为:
激活时超链接样式 运行结果为:
访问过的链接样式 运行结果为: