<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8"/>
<title>实现vivo X9s手机的宣传面面</title>
<!-- 引用CSS样多文件，路径、类型、与当前文件关系 -->
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<a href="#" target="_self">我是超链接标记，我未点击前颜色为黑色</a><br/>
<a href="#" target="_self">我是超链接标记，我点击后颜色为红色</a><br/>
<a href="#" target="_self" class="hov">我是超链接标记，鼠标在我身上悬停显示出边框</a><br/>
<a href="#" target="_self" class="act">我是超链接标记，鼠标点击时我身后出现蓝色背景颜色</a>
</body>
</html>
@charset "utf-8";
/*css document*/
a:visited{/*表示对访问超接后链接进行样式*/
color: red;/*设置期字体颜色为红色*/
}
a:link{/*表示对未访问的超链接进行样式*/
color: black;/*设置其字体为黑色*/
}
.hov:hover{/*表示对鼠标停留的类为为hov的元素应用样式*/
border: 1px solid blue;/*添加边框*/
}
.act:active{/*表示对鼠标点击类名为act的名素应用样式*/
background: yellow;/*设置其背景颜色为黄色*/
}
