用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网页制作教程 > Html·Css教程 > Css教程 > 正文
DIV+CSS学习之margin缩进法
iTbulo.COM 2007-3-30 网页教学网()

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

http://www.webjx.com/bbs/viewthread.php?tid=710&extra=page%3D1

文章搜索
相关资讯
相关文章 相关下载
网页中各度量单位的比较
网页制作知识总结:常用的CSS知识
图例详解网页制作中的绝对定位和相对定位
常用Web图像格式简述:png/svg
5种Web图像格式简述 文字说明版
焦点信息