你好,欢迎访问远方教程PC版!
广告位招租

Div+CSS速成第二天:一列布局(第2页)

[日期:2015-03-15]   来源:远方教程  作者:远方教程   阅读:11197次[字体: ] 访问[旧版]
 捐赠远方教程 

  二、一列固定宽度居中
  一列固定宽度居中和一列固定宽度相比,我们要解决的问题就是居中。这里我们用到css的外边距属性:margin。在IE6及以上版本和标准的浏览器当中,当设置一个盒模型的的margin:auto;时,可以让这个盒模型居中。我们下边在css样式表中加上这个属性看看效果:
#layout { height: 300px; width: 400px; background: #99FFcc; margin: auto; }
在dreamweaver的设计视图中我们选中看看,是不是已经居中了,我们再在IE下预览一下,同样居中。

DIV CSS教程——第2天:一列布局
DIV CSS教程——第2天:一列布局
DIV CSS教程——第2天:一列布局

DIV CSS教程——第2天:一列布局

提示:可以先修改部分代码后再运行

图片展示
 
相关评论
站长推荐