CSS实例教程:浮动(float)页面布局

页面效果：
 

内容部分我们就先做到这里，最后我们再布局里面的具体元素，下面接着来布局版权模块(Footer)

【第六步 Footer布局】
这部分结构比较简单，大家只需要知道怎么布局就OK了

HTML代码：
<div id="Footer">
    <p>版权归CSS学习</p>
    <p>CSS交流QQ群:5505810/87951377/73513641/72263578</p>
</div>
CSS代码：
#Footer{
text-align:center;
background:#68acd3;
padding: 10px 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:20px;
}

目前效果如下：
 

就这样我们页面的整体结构基本出来了，剩下的工作就是内容板块内部元素的具体布局了，我将在下节课接着讲~

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!