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

Div+CSS速成第三天:二列和三列布局(第6页)

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

把原来#main样式的width:70%去掉,然后设置左右外边距各120px,让出左右列的宽度
#main { background: #99FFFF; height: 300px; margin:0 120px; }

DIV CSS教程——第3天二列和三列布局

预览一下效果如下:

DIV CSS教程——第3天二列和三列布局

也许预览出来的效果和我的不一样,别急,还有一项设置,默认body是有外边距的,所以这里还得设置body的外边距为0;点击css面板上的新建按钮,然后在新建面板中选择:标签(重定义标签外观),然后选择body,设置body的边界为0即可。

DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局
DIV CSS教程——第3天二列和三列布局

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

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