老师 这样可以吗

来源:3-13 编程练习

慕函数3468989

2018-11-01 19:23:52

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

      /*在此处补充代码*/

      header{display:flex;background:black;color:white;justify-content:space-around;align-content: center;flex-wrap:nowrap; align-items: center;}

      ul{list-style:none;display:flex;justify-content:space-between;width:38rem;}

      .login{display: flex;width: 8rem;justify-content:space-between;}

      input{background:yellow;border:none;cursor:pointer;}


 

    </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回答

好帮手慕星星

2018-11-02

经测试效果是可以的,建议给右侧的两个添加圆角,可以使用border-radius来完成。

自己可以测试下,祝学习愉快!

0

0 学习 · 5012 问题

查看课程