请帮忙检查 谢谢！
来源：2-2 编程练习
weixin_慕斯卡3305140
2020-03-03 02:24:29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style>
a{text-decoration: none;}
header{
height:80px;
min-width: 800px;
padding:0 100px;
background:black;
}
header>.logo{
padding: 15px 0px;
height:50px;
/*display:block;*/
float:left;
}
header>.logo img{
height:50px;
/*display:block;*/
}
header>.logo>a{
color:white;
font:30px "microsoft yahei";
}
header>nav{
/*padding-right:200px;*/
float:right;
}
header>nav>a{
display:block;
float: left;
height:73px;
width:100px;
text-align:center;
color:white;
font:bold 20px/73px "microsoft yahei";
}
header>nav>a:hover,.active{
height:80px;
}
header>nav>a:nth-child(1){
background:red;
}
header>nav>a:nth-child(2){
background:yellow;
}
header>nav>a:nth-child(3){
background:lightgreen;
}
header>nav>a:nth-child(4){
background:violet;
}
header>nav>a:nth-child(5){
background:orange;
}
header>nav>a:nth-child(6){
background:lightblue;
}
</style>
</head>
<body>
<!-- 在此完成网页的HTML代码-->
<header>
<div class="logo"><a href="#"><img src="http://climg.mukewang.com/582e5f160001b17100400040.png
"/>MYMOOK</a></div>
<nav>
<a href="#" class="active">Home</a>
<a href="#">Course<br>corse</a>
<a href="#">Actual</a>
<a href="#">Plan</a>
<a href="#">FAQ</a>
<a href="#">Notes</a>
</nav>
</header>
</body>
</html>
1回答
-
同学你好，效果是正确的，继续加油，祝学习愉快~
0
相似问题