1. 爱易网页
  2. XHTML教程
  3. DIV+CSS学习之margin缩进法

DIV+CSS学习之margin缩进法

日期：2014-04-13　 浏览次数：21078 次

示例：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.Aiyiweb.Com/bbs/viewthread.php?tid=710&extra=page%3D1

相关资料更多>

  1. 表单规划的一个例子 DIV+CSS
  2. HTML结构化：实际DIV＋CSS网页规划入门指南
  3. DHTML的初步入门
  4. 本地检验网页能否契合规范的几种方法
  5. 如何末尾WEB规范之路
  6. div+css网页规划时如何合理架构css？
  7. 2005年web规范开展回忆
  8. 21个新奇乖僻的网页表格设计(1)
  9. 国外WEB规范推行站点