码迷,mamicode.com
首页 > Web开发 > 详细

如何利用css进行网页布局

时间:2017-01-23 19:14:49      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:适应   基础上   com   固定   技术分享   分块   png   log   网页布局   

一、单列布局(类似于搜狐网站)

如:

技术分享

代码为:

技术分享

二、两列布局

1.固定宽度

技术分享

代码为:

技术分享

2.自适应

技术分享

代码为:

技术分享

三、三列布局

技术分享

代码为:

技术分享

四、混合布局

就是在前面的基础上,在进行划分块

如:

技术分享

代码为:

技术分享

如何利用css进行网页布局

标签:适应   基础上   com   固定   技术分享   分块   png   log   网页布局   

原文地址:http://www.cnblogs.com/pmlyc/p/6344684.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!