DIV+CSS学习之margin缩进法

ZDNet软件频道 时间:2008-09-20 作者: | 网页教程网 我要评论()
本文关键词:margin CSS div 软件
DIV+CSS学习之margin缩进法

示例:div页面布局(margin-left方法) 顶部

中间左边

中间右边

底部

代码:

<STYLE type=text/CSS>

<!--

#top,#left,#right,#bottom

{

background:#CCCCCC;

height:120px;

}

#top,#index,#bottom/*页面上、中、下层宽度定义*/

{

clear:both;

width:778px;

margin:4px;

margin-left:auto;/*页面中上、中、下居中*/

margin-right:auto;

}

#left{

float:left;

width:200px;

}

#right

{

margin-left:200px;

}

-->

</STYLE>

<div id=top>顶部</div>

<div id=index>

<div id=left>中间左边</div>

<div id=right>中间右边</div></div>

<div id=bottom>底部</div>


 

margin

CSS

div

软件


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134