喜欢本站并加入收藏
首 页 电脑学园 技术文档 图形图像 办公应用 网页设计 管理资料 PPT模板 方案合同
 位置: 北方教程网 >> 网页设计 >> DIV/CSS >> 正文
   DIV+CSS之Margin缩进法
DIV+CSS之Margin缩进法
[ 作者:佚名   来源:网络整理   点击数:   更新时间:2007-4-1 ]
示例: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>

上一篇文章: CSS布局设计基础:块元素和内联元素 下一篇文章: DIV+CSS布局中新闻列表的制作方法
打印此文  收藏此页  关闭窗口  返回顶部
 相关文章  热点文章
 · 利用CSS改进网站设计的小技巧
 · Dreamweaver快捷操作技巧集锦
 · 使用Dreamweaver架设网站简明教程
 · 网页设计制作过程中常用的几个代码技巧
 · 高效使用CSS编码的方法
 
热点图文
教你节省Vist...
使用Windows ...
 · 远程管理Web服务器的方法技巧
 · Win Vista系统自带IIS7.0设置详解...
 · 详解Windows系统IIS6.0功能及应用...
 · 服务器集群系统实现方法及案例分...
 · IIS服务器实现asp,cgi和php+mysq...
 · IIS下SQL Server数据库安全设置技...
推 荐 阅 读
巧用Photosho...
Photoshop鼠绘...
 · Fireworks制作旋转的漂亮gif动画...
 · Photoshop制作都市满天繁星
 · Fireworks制作Menu按钮
 · 巧用Photoshop制作喜迎奥运壁纸
 · 巧用Photoshop钢笔工具绘制彩色美...
 · Photoshop制作浪漫动感花朵
 设为首页 - 加入收藏 - 关于本站 - 联系我们 - 广告合作 - 友情链接 - 在线交流 - 
CopyRight© 2006-2009 Eduai.Com All Rights Reserved
在线交流 QQ:524152258 辽ICP备07001851号
免责声明:本站部分资源来自网络,如有侵犯您的版权请通知,我们立即删除。