3-13练习题

来源:3-13 编程练习

慕用2313532

2018-04-13 23:12:00

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

      *{margin:0; padding: 0; list-style: none;}          

      .nav,.logo{display: flex; }

      header{ background-color:#000; height: 57px; color: #fff; display:flex;justify-content: space-around; align-items: center;}

      .nav li{margin-left: 40px;}

      .login input{background: yellow; border: none;margin-left: 5px;width: 40px; height: 24px; 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>


</body>

</html>

请老师知道点评!

写回答

1回答

Miss路

2018-04-15

基本上实现了,但是还不够严谨,要求是这样的:

要求:

1、logo、导航项、登陆注册按钮这3项在水平和垂直方向上都对齐,而且它们之间的距离也相等。

2、导航项各项之间的距离是一样的。

3、登录、注册按钮之间的距离也是一样的。

注意距离相等的要求,再修改一下。

祝学习愉快!

0

0 学习 · 5012 问题

查看课程