HTML文件
<body>
<header class="w">
<div class="logo fl">
<img class=" fl" src="./images/logo.jpg" alt="">
<img class="fr" src="./images/stady.jpg" alt="">
</div>
<div class="nav fl">
<a href="#">微信学院</a>
<a href="#">微信学院</a>
<a href="#">微信学院</a>
<a href="#">微信学院</a>
</div>
<div class="login fr">
<a href="#">登录</a> | <a href="#">注册</a><br>
<input type="text">
</div>
</header>
</body>
css文件
*{
margin: 0;
padding: 0;
}
.fl{
float: left;
}
.fr{
float: right;
}
a{
text-decoration: none;
color: #000;
}
.w{
width: 1066px;
margin: 0 auto;
}
header{
height: 78px;
}
.logo{
margin-top: 15px;
width: 406px;
height: 50px;
}
.logo img{
height: 46px;
}
.logo .fr{
border-left: 1px solid #ccc;
padding-left:15px;
margin-right: 90px;
}
.nav{
width: 425px;
height: 78px;
line-height: 78px;
}
.nav a{
margin-right: 0 40px;
}