老师，请帮忙检查一下

来源：2-2 编程练习

慕虎8562901

2020-04-04 14:34:19

<!DOCTYPE html>
<html>
<head>
<title>IMMOC</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="nav.css">
</head>
<body>
<header>
<div class="container">
<a href="index.html"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png"></a>
<span>MYMOOC</span>
<nav>
<a class="Home active" href="index.html">Home</a>
<a class="Course" href="#">Course</a>
<a class="Actual" href="#">Actual</a>
<a class="Plan" href="#">Plan</a>
<a class="FAQ" href="#">FAQ</a>
<a class="Notes" href="#">Notes</a>
</nav>
</div>
</header>
</body>
</html>

* {
	padding: 0px
	margin: 0px;
	font: 14px Arial;
	border: none;
	color: #fff;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

header {
	height: 80px;
	background: #000;
}

header > .container {
	width: 1200px;
	margin: 0 auto;
}


header > .container > a {
	display: block;
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	height:40px;
	width:40px;
}

header > .container > span {
	float : left;
	text-align: center;
	margin-top: 40px;
	margin-left: 5px;
	line-height: 20px;
	font-size: 25px;
}

header > .container > nav {
	float: right;
}

header > .container > nav > a {
	display: block;
	float: left;
	height: 73px;
	width: 110px;
	font-size: 20px;
	text-align: center;
	line-height: 73px;
	color: #fff;
}

header > .container > nav > a.Home {
	background: #d40112;
}

header > .container > nav > a.Course {
	background: #f27c01;
}

header > .container > nav > a.Actual {
	background: #feb800;
}

header > .container > nav > a.Plan {
	background: #78b917;
}

header > .container > nav > a.FAQ {
	background: #017fcb;
}

header > .container > nav > a.Notes {
	background: #433b90;
}

header > .container > nav > a:hover,
header > .container > nav > a.active{
	padding-bottom:7px;
}

写回答

1回答