【电商10】footer mod_copyright

• 一些类名不用写父亲的类

• 小竖线的巧妙间距

{{uploading-image-361111.png(uploading...)}}

html

<div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">联系客服</a>|
                    <a href="#">商家入驻</a>|
                    <a href="#">营销中心</a>|
                    <a href="#">手机品优购</a>|
                    <a href="#">友情链接</a>|
                    <a href="#">销售联盟</a>|
                    <a href="#">品优购社区</a>|
                    <a href="#">品优购公益</a>|
                    <a href="#">English Site</a>|
                    <a href="#">Contact U</a>
                </div>
                <div class="copyright">
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>京ICP备08001421号京公网安备110108007702
                </div>


            </div>

common.css

.mod_copyright {
    text-align: center;
    padding-top: 20px;
}

.mod_copyright .links {    /* 不用写mod_copyright哩，写了无妨 */
    margin-bottom: 15px;
}

.copyright {
    line-height: 20px;
}

.mod_copyright a {
    margin: 0 3px;          /*巧妙间距*/
}