笔记 | PHP 2012 | 完成首页 footer 区域

• css 部分

#footer {
    color: #808080;
    margin-top: 10px;
    width: 1002px;
    height: 60px;
}

#footer ul {
    padding-left: 10px;
    width: 992px;
    height: 35px;
    background: gray url(../images/footer_bg.gif);
}

#footer li {
    height: 35px;
    float: left;
}

#footer li a:link {
    font: 12px/35px "Times New Romans", "宋体", serif;
}

#footer li a:hover {
    color: #FF832C;
}

#footer p {
    font: 12px/29px  "Times New Romans", "宋体", serif;
}

#footer p a:link {
    color: #FF832C;
}

#footer p a:hover {
    color: #808080;
}

• html 部分

<div id="footer">
    <ul>
        <li><a href="#">常用文档下载</a>&nbsp;|&nbsp;</li>
        <li><a href="#">支付方式</a>&nbsp;|&nbsp;</li>
        <li><a href="#">网站地图</a>&nbsp;|&nbsp;</li>
        <li><a href="#">合作伙伴</a>&nbsp;|&nbsp;</li>
        <li><a href="#">友情链接</a>&nbsp;|&nbsp;</li>
        <li><a href="#">在线咨询</a>&nbsp;|&nbsp;</li>
    </ul>
    <p>&nbsp;&nbsp;&copy;2006-2009 北京XXXX科技有限公司版权所有 http://www.lxxxxxxt.com 京ICP备07xxxx37号 <a href="#">W3C Valid CSS</a> <a href="#">W3C Valid XHTML 1.0 Strict</a></p>
</div>

• 预览

2012_d1_①_029