静态网页制作

@charset "utf-8";
/* CSS Document */
#box{
	background-color:#F00;
	width:1024px;
	height:1300px;
	/*margin:0 auto;*/
	margin:0 auto 0 auto;/*上 右 下 左*/
}
/*放图片，设置高度和图片一样高*/
#banner{
	background-color:#66F;
	height:209px;
}
#menu{
	background-color:#C3F;
	height:50px;
}
#main{
	background-color:#6F0;
	height:1000px;
}
#left{
	background-color:#33C;
	height:1000px;
	width:250px;
	float:left;/*可以使div横向排排坐*/
}
#right{
	background-color:#F3F;
	height:1000px;
	width:774px;
	float:right;/*可以使div横向排排坐*/
}

#footer{
	background-color:#F63;
	height:80px;
}

无标题文档

我是菜单

左边区域

右边区域

footer

转载于:https://my.oschina.net/u/4090399/blog/3020993