3-13 老师检查一下

首页课程实战体系课手记专栏慕课教程

3-13 老师检查一下

来源：3-13 编程练习

Lolita95

2018-11-20 17:31:08

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

*{padding:0;

margin:0;}

ul{list-style:none;}

header{

height:80px;

width:100%;

background:black;

font-size:20px;

color:white;

display:flex;

justify-content:space-around;

align-items:center;

}

.nav{

width:30%;

display:flex;

justify-content:space-between;

}

.login{

width:10%;

display:flex;

justify-content:space-around;

}

.login>input{

background:orange;

color:white;

border:none;

font-size:16px;

border-radius:10%;

padding:5px;

}

</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-20

实现的效果没有问题，棒棒哒！继续加油~

0

0 学习 · 5012 问题

相似问题

老师检查一下吧

回答 1

回答 1

5-2老师检查一下

回答 1

老师帮忙检查一下可以吗？

回答 1

老师检查一下

回答 1

打开慕课网App查看更多内容