老师麻烦看一下
来源：2-2 编程练习
直鹢
2019-03-28 16:10:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style type="text/css">
*{
margin: 0;
padding:0;
font-size: 16px;
font-family: Arial;
border: none;
}
a{
text-decoration: none;
}
header{
height: 80px;
background: #000;
}
header .container{
width: 1200px;
margin: 0 auto;
}
header .container .logo{
direction: block;
float: left;
margin: 20px 0px;
font-size: 24px;
font-weight: bold;
color: #fff;
}
header .container nav{
float: right;
}
header .container nav a{
font-size: 24px;
direction: block;
float: left;
width: 110px;
height: 73px;
line-height: 73px;
text-align: center;
color: #fff;
}
.HOME{background: red;}
.Course{background: yellow;}
.Actual{background: green;}
.Plan {background: blue; }
.FAQ{background: orange; }
.Notes{background: pink; }
header .container nav a:hover,
header .container nav a.active{
padding-bottom: 7px;
}
</style>
</head>
<body>
<!-- 在此完成网页的HTML代码-->
<header>
<div class="container">
<a href="#" class="logo"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png" alt="logo"> MYMOOC</a>
<nav>
<a class="HOME active" href="#">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-03-28
你好同学 ，如下属性名不对 ，应该改成display .
因为元素设置浮动后 ，默认就是display: block; 所以这里不设置也是可以的 。
祝学习愉快 ，望采纳 。
0
相似问题