footer.html 1.68 KB
<div style="clear: both"></div>
<style>
    .footer{ background-color: #efefef; min-height: 160px; height: auto; overflow: hidden; color: #a5a5a5;text-align: center; line-height: 30px;}
    .footer a{color: #a5a5a5;}
    .footer a:hover{color: #fc5e6f;}
    .footer_content{ width: 1200px; margin: 0 auto;}
    .float_l{float:left; text-align: left}
    .float_r{float:right; text-align: center}
    .foot_menu{ font-size: 16px; line-height: 40px; border-bottom:#e4e4e4  solid 1px; height: 60px;}
    .foot_menu li{    float: left;
        display: inline-block;
        height: 70px;
        line-height: 70px;
        padding: 0px 20px;}
    .copyright{ font-size: 14px; line-height: 30px; margin-top: 20px;}

</style>
<div class="footer" >

    <div class="footer_content">
        <div style="width: 70%;margin: 20px 0 0 0" class="float_l">
            <div class="foot_menu">
                <li><a href="">首页</a></li>
                <li><a href="">功能介绍</a></li>
                <li><a href="">案 例</a></li>
                <li><a href="">关于我们</a></li>
            </div>
            <div class="copyright"> © 粤公网安备 44010602000362号 粤ICP备14091305号  Copyright© 2017 YOLIPAI All Rights Reserved
                <br>友情链接:<a href="https://www.meidd.com" target="_blank">美得得官网</a>  &nbsp;&nbsp;&nbsp;<a href="http://www.xinda100.com" target="_blank">万信达官网</a>
            </div>


        </Div>

        <div style="width: 30%; margin: 20px 0 20px 0; font-size: 12px; line-height: 20px;" class="float_r">
            <img src="__STATIC__/images/index/foot_wximg.png?v=2019"><br>
            美得得商户中心
        </Div>
    </div>
</div>