• 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="#">網(wǎng)站地圖</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科技有限公司版權(quán)所有 http://www.lxxxxxxt.com 京ICP備07xxxx37號(hào) <a href="#">W3C Valid CSS</a> <a href="#">W3C Valid XHTML 1.0 Strict</a></p>
</div>

• 預(yù)覽

2012_d1_①_029