不知道是否符合题目要求

来源:3-13 编程练习

人艰不拆OMG

2018-09-27 15:12:08

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        *{

            margin:0;

            padding:0;

            list-style:none;

            color:#fff;

        }

        header{

            display:flex;

            justify-content:space-around;

            align-items:center;

            width:100%;

            background:black;

        }

        .nav{

        display:flex;

            width:300px;

            align-items:center;

            justify-content:space-around;

        }

        .login{

        display:flex;

            width:100px;

            justify-content:space-around;

        }

        input{

            background:orange;

            outline:none;

            border:1px solid orange;

            border-radius:2px;

        }

        

    </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-09-27

经测试效果是正确的呢,棒棒哒!继续加油~~

0

0 学习 · 5012 问题

查看课程