3-13编程练习是这样吧

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

3-13编程练习是这样吧

来源：3-13 编程练习

yjw123

2018-02-04 18:26:40

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

*{

padding:0;

margin:0;

}

header{

height: 80px;

background-color: #000;

color:#fff;

display: flex;

justify-content:space-between;

}

div,ul{

width: 30%;

}

.logo{

display: flex;

justify-content:flex-start;

align-items: center;

}

ul{

list-style: none;

display: flex;

justify-content: space-around;

align-items: center;

}

.login{

display: flex;

justify-content:center;

align-items:center;

}

.login > input{

width: 40px;

height: 30px;

background-color: orange;

color:#fff;

margin:10px;

border:none;

}

</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-02-05

已采纳

经测试，效果实现了哦！继续加油~

0

0 学习 · 5012 问题

相似问题

回答 1

3-13编程练习

回答 1

flex 3-13 编程练习

回答 1

flex 3-13编程练习

回答 1

3-13编程

回答 1

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