当前位置: 主页 > 网页制作 > CSS > CSS讲解margin

CSS讲解margin

时间:2009-12-16来源:互联网 点击:

示例: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>

站长资讯网
. TAG: CSS margin
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言