老师帮忙检查下

来源:3-10 编程练习

慕仰5025445

2020-09-13 18:59:17

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

      /*在此处补充代码*/

      *{

        padding:0;

        margin:0;

      }

      header{

          display:flex;

          justify-content: space-around;

          align-items:center;

          height: 80px;

          background-color: black;


      }

      .nav {

        display: flex;

        justify-content: space-around;

        align-items:center;

        width: 400px;

      }

      .nav li {

        list-style:none;

        float: left;

        align-items:center;

        color: white;

      }

      .login {

        display: flex;

        justify-content: space-between ;

        align-items:center;

        width: 100px;

      }

        .login input {

            background-color: orange;

            color: white;

            border: none;

            width: 40px;

            height: 30px;

            border-radius: 4px;


        }

    </style>

</head>

<body>

   <header>

     <div class="logo">

       <img src="http://climg.mukewang.com/59feb59700019dab01910057.png" alt="">

     </div>

       <ul class="nav">

         <li>课程</li>

         <li>路径</li>

         <li>猿问</li>

         <li>手记</li>

       </ul>     

     <div class="login">

       <input type="button" value="登录">

       <input type="button" value="注册">

       

     </div>

   </header>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-09-13

同学你好,代码实现是正确的,继续加油,祝学习愉快~

0

0 学习 · 6815 问题

查看课程