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、登录、注册按钮之间的距离也是一样的。
注意距离相等的要求,再修改一下。
祝学习愉快!
相似问题