请老师帮我检查下
来源:2-2 编程练习
慕侠635704
2019-11-08 00:37:57
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IMOOC</title> <link rel="stylesheet" href="nav.css" type="text/css"/> </head> <body> <!-- 在此完成网页的HTML代码--> <header> <div class="all"> <a href="#" class="logo"> <img src="http://climg.mukewang.com/582e5f160001b17100400040.png"/> MYMOOC </a> <nav class="menu"> <a href="#" class="one left">home</a> <a href="#" class="two">course</a> <a href="#" class="three">actual</a> <a href="#" class="four">plan</a> <a href="#" class="five">faq</a> <a href="#" class="six">notes</a> </nav> </div> </header> </body> </html>
2回答
好帮手慕码
2019-11-08
同学你好,效果实现正确,继续加油,祝学习愉快!
慕侠635704
提问者
2019-11-08
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style type="text/css">
/*在此完成CSS样式设置*/
*{margin:0;
padding:0;
color:#fff;
}
a{text-decoration:none;}
header{
width:100%;
height:60px;
background-color:#000;
}
header .all{
width:60%;
margin:0 auto;
}
header .all .logo{
float:left;
margin:10px 0;
}
header .menu{
float:right;
}
header .menu a{
display:block;
float:left;
text-align:center;
width:80px;
height:55px;
line-height:55px;
}
header .menu .one{
background-color:#d40112;
}
header .menu .two{
background-color:#f27c01;
}
header .menu .three{
background-color:#feb800;
}
header .menu .four{
background-color:#78b917;
}
header .menu .five{
background-color:#017fcb;
}
header .menu .six{
background-color:#433b90;
}
header .menu a:hover,
header .menu a.left{
padding-bottom:5px;
}
</style>
</head>
<body>
<!-- 在此完成网页的HTML代码-->
<header>
<div class="all">
<a href="#" class="logo">
<img src="http://climg.mukewang.com/582e5f160001b17100400040.png"/> MYMOOC
</a>
<nav class="menu">
<a href="#" class="one left">home</a>
<a href="#" class="two">course</a>
<a href="#" class="three">actual</a>
<a href="#" class="four">plan</a>
<a href="#" class="five">faq</a>
<a href="#" class="six">notes</a>
</nav>
</div>
</header>
</body>
</html>上面的贴的不完整,请检查下这个老师
相似问题