abstract：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &nb
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS課程總結(jié)</title>
<style type="text/css">
*{padding:0;margin:0;}
.main{
width:100%;
height:500px;
border:1px solid #444;
/* background:#b94545; */
}
#top{text-align: center;background:#ccc;font-size:20px;}
#nav{width:100%;height:40px;background:#444;margin:5px auto;}
#nav ul{
}
#nav ul li {
font-size:14px;
color:#fff;
text-align: center;
list-style: none;
margin-right:15px;
line-height: 40px;
float: left;
box-shadow: 1px 0 5px #fff;
}
#nav ul li a{
text-decoration:none;
color:#fff;
cursor: pointer;
width:120px;
height:40px;
display: block;
background:crimson;
border-radius: 3px;
}
#content{
border:1px dotted #333;
height:300px;
text-align: center;
margin:3px auto;
color:#fff;
background:coral;
line-height: 300px;
}
#footer{
margin:5px auto;
text-align: center;
color:#fff;
background:#444;
height:115px;
box-shadow: 3px 3px 14px #ccc;
}
#footer span{color:#fff;line-height:115px;}
</style>
</head>
<body>
<div class="main">
<div id="top"><p>Css課程總結(jié)小案例</p></div>
<div id="nav">
<ul>
<li><a href="#">網(wǎng)站首頁</a></li>
<li><a href="#">公司簡介</a></li>
<li><a href="#">產(chǎn)品展示</a></li>
<li><a href="#">意見反饋</a></li>
</ul>
</div>
<div id="content">這就content區(qū)域</div>
<div id="footer">
<span>這里是Footer</span>
</div>
</div>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2019-01-18 09:19:09
Teacher's summary：完成的不錯，下次可以附帶上課程完成圖片哦！繼續(xù)加油！