其他分享
首页 > 其他分享> > 标题11111

标题11111

作者:互联网

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>&nbsp;|&nbsp;<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;
}

标签:right,11111,微信,height,width,logo,标题,margin
来源: https://blog.csdn.net/it_hxc/article/details/120580192