老师,麻烦帮我看看代码还有没有要修改的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.header{
width:100%;
height:100px;
overflow:hidden;
zoom: 1;
border:1px solid grey;
}
.logo{
float:left;
}
.logo img{
width:200px;
height:80px;
margin-top:10px;
padding-left:50px
}
.nav{
float:right;
}
.nav ul{padding-right:60px;}
.nav ul li{
float:left;
list-style: none;
width:80px;
height:100px;
line-height:100px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png" alt="logo">
</div>
<div class="nav">
<ul>
<li>前端</li>
<li>后端</li>
<li>移动端</li>
<li>数据库</li>
</ul>
</div>
</div>
</body>
</html>0
收起
正在回答
1回答
同学你好!
代码效果实现的很好哟,没有需要修改的~
如果帮助到了你 欢迎采纳 祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星