《cssdiv设计布局实例》

3、的内容（index02.html）第三步：页面顶部Header层制作HEADCODECSSCODEbody{font-size:12px;/*字号为12像素大小*/font-family:Tahoma;/*字体为Tahoma格式*/margin:0px;/*说明body部分对上右下左边距为0像素*/text-align:center;/*文字对齐方式为居中*/backg

4、round:#FFF;/*设置背景色为白色*/}#container{width:800px;}#header{background:url(images/aaa_01.gif)no-repeat;height:72px;text-align:center;}#search{text-align:left;float:right;margin:20px50px00;}BODYCODE

5、"id="sea1">（index03.html）第四步：页面中部Pagebody层制作HEADCODECSSCODE#pagebody{width:800px;height:320px;}#sideba

6、r{width:200px;/*设定宽度*/text-align:left;/*文字左对float:left;/*浮动居左*/clear:left;/*不允许左侧存在浮动*/overflow:hidden;/*超出宽度部分隐藏*/margin:20px0040px;}#mainbody{width:520px;text-align:left;float:right;/*浮动居右*/clear:right;/*不允许右侧存在浮动*/overflow:hidden;margin:20px30px00

7、px;border-left:2pxdashed#868587;}#mbup{font-size:13px;font-family:Tahoma;margin:00020px;text-align:left;}#mbdown{font-size:13px;font-family:Tahoma;margin:30px0020px;text-align:left;}.img{margin-right:1em;float:left;}BODYCODE

8、sidebar">

• Milk
Eggs
• Cheese
Vegetables
• Fruit