老师,请帮我查看一下代码,谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style type="text/css">
*{margin:0;padding:0;border:none;font-family:Arial;}
a{text-decoration:none;}
header{height:80px;background:#000;}
header .container{width:1200px;margin:0 auto;}
header .container > a{display:block;float:left;margin:20px;}
header .container > a > img{display:block;}
header .container > span{line-height:80px;margin-left:-10px;color:#fff;}
header .container > nav{float:right;}
header .container > nav > a{display:block;float:left;width:100px;background:red;text-align:center;line-height:73px;color:#fff;}
header .container > nav > a.Home{background:#d40112}
header .container > nav > a.Course{background:#feb800}
header .container > nav > a.Actual{background:#78b917}
header .container > nav > a.Plan{background:#433b90}
header .container > nav > a.FAQ{background:#f27c01}
header .container > nav > a.Notes{background:#017fcb}
header .container > nav > a:hover{padding-bottom:7px;}
header .container > nav > a.active{padding-bottom:7px;}
</style>
</head>
<body>
<header>
<div class="container">
<a href="https://www.imooc.com"><img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png" alt="慕课网首页"></a>
<span>MYMOOC</span>
<nav>
<a class="Home active" href="https://www.imooc.com">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>0
收起

恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星