- 1号盒子是 mod_copyright 盒子,装2和3盒子,
- 2号盒子用 a
- 3号盒子直接写内容,然后 文字居中。
效果图
index.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
.footer .mod_copyright {
padding-top: 15px;
text-align: center;
}
.footer .mod_copyright .links {
margin-bottom: 10px;
}
.footer .mod_copyright .links a {
padding: 0 10px;
}
.footer .mod_copyright .copyright {
line-height: 20px;
}