html+css+div网页布局实例

.html代码如下：

	




	
页首div
	

		
栏目一
		
栏目二
		
栏目三
	
	
页脚

.css代码如下：

#banner,#content,#foot{width:750px;margin:0 auto}
#banner{
	text-align:center;
	height:50px;
	background:#ab0;
	border-top:1px solid #f00;
	padding-top:10px;
	padding-left:8px;
	margin-top:-10px;
        font-size:30px;
        font-weight:bold;
        letter-spacing :0.5em;
	
}
#content{
	margin-top:5px;
	height:300px;
	background:#fba;
	
	
}
#foot{
	margin-top:5px;
	height:150px;
	background:#aba;
        text-align:center;
}
#left{
	width:150px;
	height:200px;
	float:left;
	border:1px solid #0ba;
	margin-right:5px;
}
#center{
	width:300px;
	height:200px;
	float:left;
	border:1px solid #f00;
	margin-right:5px;
}
#right{
	width:280px;
	height:200px;
	float:left;
	border:1px solid #0ff;
}

效果如下：