请老师检查一下代码

来源:3-10 编程练习

Golden几何

2021-10-07 09:37:23

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        *{

            margin: 0;

            padding: 0;

        }

        li{

            list-style: none;

        }

        .container{

            color: #fff;

            display: flex;

            background-color: #000;

            height: 80px;

        }

        .logo,.nav,.login{

            display: flex;

            justify-content: space-around;

            height: auto;

            align-items: center;

        }

        .logo{

            width: 30%;

        }

        .nav{

            width: 46%;

        }

        .login{

            width: 10%;

            margin: 0 auto;

        }

        input[type=button]{

            border: none;

            outline: none;

            height: 22px;

            padding: 0 8px;

            background-color: orange;

            color: #fff;

        }

    </style>

</head>

<body>

   <header class="container">

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

好帮手慕然然

2021-10-08

同学你好,代码实现没问题,继续加油,祝学习愉快!

0

0 学习 · 6815 问题

查看课程