33.2.3　页脚

页脚的部分是整个网页的结束符，一般都放一些公司相关信息的链接，以及版权、备案ICP证号等。

在本项目中的页脚，用无序列表表示各个链接的文字，然后再做上链接，每个＜li＞＜/li＞标记对都有文本和链接。通过两个层来表示，footer表示页脚的容器层，aboutus里面包含着无序列表，代码如下。

01 ＜div class="footer"＞

02 ＜div class="aboutus"＞

03 ＜ul＞

04 ＜li＞＜a href="../aboutus.html"＞关于我们＜/a＞＜/li＞

05 ＜li＞＜a href="../reg.aspx"＞注册会员＜/a＞＜/li＞

06 ＜li＞＜a href="../pay/index.aspx"＞在线充值＜/a＞＜/li＞

07 ＜li＞＜a href="../help/index.aspx"＞游戏客服＜/a＞＜/li＞

08 ＜li＞＜a href="../map.html"＞网站地图＜/a＞＜/li＞

09 ＜li＞＜a href="../law.html"＞法律声明＜/a＞＜/li＞

10 ＜li＞＜a href="../zhaopin.html"＞招贤纳才＜/a＞＜/li＞

11 ＜li＞＜a href="../cooperate.html"＞合作伙伴＜/a＞＜/li＞

12 ＜li＞＜a href="../connectus.html"＞联系我们＜/a＞＜/li＞

13 ＜/ul＞

14 ＜/div＞

15 ＜p＞＜br/＞

16 实例作品

18 ＜/div＞

【代码解析】代码第4～12行，通过＜a href＞为每个序列做了链接。

所有的层设置都完成了，这些代码都只出现在HTML代码的＜body＞＜/body＞中，即没有出现CSS代码的控制，其效果还是原始状态，为了让这些标记中的内容变成想要的效果，下面需要用CSS来控制，接下来介绍以上代码的样式代码，其中，包含＜div＞中的class或id是对应的代码。

注意　以上代码都在＜body＞＜/body＞中。