麻烦检查一下。
来源：2-2 编程练习
滚回去立正坐好
2019-08-05 18:09:23
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--<link rel="stylesheet" href="22.css" type="text/css"/>-->
<style>
*{
padding:0;
margin:0;
color:#fff;
border:none;
font-family:Arial;
font-size: 14px;
}
a{
text-decoration: none;
}
header{
height:80px;
background-color: #000;
}
header > .container{
width:1200px; /*像素width不为1200的电脑显示*/
margin:0 auto;
}
header > .container > a{
display: block;
float:left;
margin:20px 35px;
font-size: 35px;
}
header > .container > nav{
float:right;
}
header > .container > nav > a{
font-size: 20px;
display: block;
height:73px;
width:110px;
float:left;
line-height: 73px;
text-align: center;
}
header > .container > nav a.HOME{
background: #433b90;
}
nav a:hover,
nav a.HOME.active{
padding-bottom:7px;
}
header > .container > nav a.COURSE{
background: #017fcb;
}
header > .container > nav a.ACTUAL{
background: #78b917;
}
header > .container > nav a.PLAN{
background: #feb800;
}
header > .container > nav a.FAQ{
background: #f27c01;
}
header > .container > nav a.NOTES{
background: #d40112;
}
</style>
</head>
<body>
<header>
<div class="container">
<a href="h5.html"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png"/> MYMOOC</a>
<nav>
<a class="HOME active" href="h5.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>
1回答
-
好帮手慕码
2019-08-05
同学你好！
代码效果实现的是可以的
如果帮助到了你 欢迎采纳 祝学习愉快~
0
