老师帮忙检查下

来源:2-2 编程练习

weixin_慕码人1392209

2020-03-29 11:54:51

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
  *{
  margin: 0;
  padding: 0;
  }
  .header{
   width: 100%;
   height: 100px;
   /*background-color: #eee;*/
   border: 1px #eee solid;
  }
  .header .logo{
   float: left;
  }
  .header img{
   width: 200px;
   height: 80px;
   padding-left: 100px;
   padding-top: 10px;
  }
  .header .nav{
   float: right;
  }
  .header .nav ul li{
   float: left;
   list-style-type: none;
   padding-right: 100px;
   line-height: 100px;
   font-size: 20px;
   font-family: "微软雅黑";
  }
 </style>
</head>
<body>
 <!-- 头部 -->
 <div class="header">
  <div class="logo">
   <img src="http://climg.mukewang.com/595dd5120001736902000080.png">
  </div>
  <div class="nav">
   <ul>
    <li>前端</li>
    <li>后端</li>
    <li>移动端</li>
    <li>数据库</li>
   </ul>
  </div>
 </div>
</body>
</html>


写回答

1回答

好帮手慕码

2020-03-29

同学你好,li的样式可以优化:

http://img.mukewang.com/climg/5e8051100975426103050176.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程