请老师纠错,谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/* 清除默认 */
*{margin: 0; padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}
/* header */
.header{width: 100%; height: 100px;}
/* logo */
.header .logo{float: left;}
.logo img{display: block; padding: 10px 0 0 100px;}
/* nav */
.header .nav{float: right;}
.nav ul li{ float: left; line-height: 100px; padding:0 40px;}
.header a{color: black;}
</style>
</head>
<body>
<!--头部-->
<div class="header">
<!--logo-->
<div class="logo"><img src="http://img1.sycdn.imooc.com\/climg/595dd5120001736902000080.png" alt="logo"></div>
<!--导航-->
<div class="nav">
<ul>
<li><a href="#">前端</a></li>
<li><a href="#">后端</a></li>
<li><a href="#">移动端</a></li>
<li><a href="#">数据库</a></li>
</ul>
</div>
</div>
</body>
</html>4
收起
正在回答
1回答
同学你好,代码是正确的,继续加油,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星