DIV+CSS常用的网页布局代码

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-02 00:21 点击:

单行一列

以下是引用片段:

body { margin: 0px; padding: 0px; text-align: center; } 

#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }

两行一列

以下是引用片段:

body { margin: 0px; padding: 0px; text-align: center;}
 
#content-top { margin-left:auto; margin-right:auto; width: 400px; width: 370px;} 

#content-end {margin-left:auto; margin-right:auto; width: 400px; width: 370px;}

三行一列

以下是引用片段:

body { margin: 0px; padding: 0px; text-align: center; } 

#content-top { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 

#content-mid { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 

#content-end { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }

单行两列

以下是引用片段:

#bodycenter { width: 700px;margin-right: auto; margin-left: auto;overflow: auto; } 

#bodycenter #dv1 {float: left;width: 280px;} 

#bodycenter #dv2 {float: right;width: 410px;}

两行两列

以下是引用片段:

#header{ width: 700px; margin-right: auto;margin-left: auto; overflow: auto;} 

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 扎实基础 9则css网页制作技巧
  • CSS设计符合Web标准的网页表单的几个技巧
  • 技巧:css星级效果总结
  • 用CSS建设网站的实例(9)
  • 提高网站性能:JavaScript+CSS优化的建议(3)
  • CSS制作网页实例:用CSS控制li标记样式
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1