<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个CSS页面</title>
<style type="text/css">
#myDiv{
border: 1px solid red;
width:500px;
height: 500px;
}
span:hover{
background-color: yellow;
}
span{
font-size: 50px;
color: red;
}
.myClass{
color: green;
}
</style>
</head>
<body>
<div id="myDiv"></div>
<span>用户名不能为空</span>
<span>用户名长度必须在6-14之间</span>
<span>对不起，用户名无法使用</span>
<a class="myClass">百度</a>
<ul class="myClass">
<li>中国</li>
<li>美国</li>
<li>日本 </li>
</ul>
</body>
</html>
原文：https://www.cnblogs.com/god1/p/12111707.html