web开发源代码案例3-css样式（web设计源代码）
使用了CSS中类选择器，之前学习的是以结构为主，现在学习CSS主要的就是给结构做一套衣裳，让网页展示出来的效果更好看，更符合我们的观看，所以学习CSS是很重要的一门功课。网页做得好不好看，就看CSS学得怎么样。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web开发源代码案例3-css样式</title>
<style>
.box{
height: 200px;
width: 200px;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
</style>
</head>
<body>
<div class="box red"></div>
<div class="box green"></div>
<div class="box red"></div>
</body>
</html>