abstract：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>個(gè)人網(wǎng)站</title> <style> /*h
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>個(gè)人網(wǎng)站</title>
<style>
/*header begin*/
.header {
/*參考色塊*/
background-color:black;
}
.header .content {
width: 1000px;
height:60px;
/*參考色塊*/
background-color:black;
margin:0 auto;
}
/*頭部內(nèi)容區(qū)中的導(dǎo)航*/
.header .content .nav {
margin-top:0;
margin-bottom: 0;
padding-left:0;
}
.header .content .nav .item {
list-style-type: none;
}
/*頭部導(dǎo)航中的鏈接樣式:重點(diǎn)*/
.header .content .nav .item a {
float: left;
min-width: 80px;
min-height:60px;
line-height:60px;
color:white;
text-decoration-line:none;
padding:0 15px;
text-align:center;
}
.header .content .nav .item a:hover {
color:white;
font-size: 1.1rem;
}
/*header end*/
/*虛擬的主體部分*/
.container {
width:1000px;
height:800px;
margin:5px auto;
background-color: lightgray;
}
/*footer begin*/
.footer {
background-color: lightgrey;
}
.footer .content {
width:1000px;
height:60px;
background-color:#444;
margin:0 auto;
}
.footer .content p {
text-align:center;
line-height:60px;
}
.footer .content a {
text-decoration:none;
color:lightgrey;
}
.footer .content a:hover {
color: white;
}
</style>
</head>
<body>
<!-- 頭部 -->
<div class="header">
<div class="content" >
<ul class="nav" >
<li class="item"><a href="">我的主頁</a></li>
<li class="item"><a href="">個(gè)人簡介</a></li>
<li class="item"><a href="">網(wǎng)站首頁</a></li>
<li class="item"><a href="">設(shè)計(jì)論壇</a></li>
<li class="item"><a href="">聯(lián)系我們</a></li>
</ul>
</div>
</div>
</body>
</html>
Correcting teacher：查無此人Correction time：2019-05-29 13:14:58
Teacher's summary：完成的不錯。剛接觸編程，理解起來比較辛苦。要堅(jiān)持，繼續(xù)加油。