请检查代码，谢谢

来源：3-10 编程练习

慕桂英7176016

2020-07-13 22:35:10

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
      /*在此处补充代码*/
      header{
          height:80px;
          width:100%;
          display:flex;
          background-color:black;
          justify-content: space-around;
      }
      
      .logo{
          display:flex;
          align-items:center;
      }
      
      .nav{
          width: 600px;
          color:white;
          display:flex;
          justify-content: space-around;
          align-items:center;
          list-style-type:none;
          
      }
      
      
      .login{
           width: 100px;
           display:flex; 
           justify-content: space-between;
           align-items:center;

      }

      .nav_color{
          text-decoration: none;
          color: #fff;
      }
       .pointer{
        cursor: pointer;
       }
    </style>
</head>
<body>
   <header>
     <div class="logo">
       <img src="http://climg.mukewang.com/59feb59700019dab01910057.png" alt="">
     </div>
       <ul class="nav">
         <li> <a href="javascript:;" class="nav_color">课程</a></li>
         <li><a href="javascript:;" class="nav_color">路径</a></li>
         <li><a href="javascript:;" class="nav_color">猿问</a></li>
         <li><a href="javascript:;" class="nav_color">手记</a></li>
       </ul>     
     <div class="login">
       <input type="button" value="登录" class="pointer">
       <input type="button" value="注册" class="pointer">
     </div>
   </header>
</body>
</html>

写回答

1回答