html5盒子模型作业,html5 盒子模型案例

CSS 文件

/* ＊通配符 对所有的标签进行设置*/

*{

margin: 0px;

padding: 0px;

}

.top{

width: 100%;

height: 50px;

background-color: black;

}

.top_content{

width: 75%;

height: 50px;

margin: 0px auto;

background-color: blue;

}

.body{

margin: 20px auto;

width:75%;

height: 1500px;

background-color: yellow;

}

.body_img{

width: 100%;

height: 400px;

background-color: darkorange;

}

.body_content

{

width: 100%;

height: 1050px;

background: blue;

}

.body_no{

width: 100%;

height: 50px;

background: green;

}

.footing{

width: 75%;

height: 300px;

background: indigo;

margin: 0px auto;

}

.footing_content{

width: 100%;

height: 230px;

background-color: green;

}

.footing_subnav{

width: 100%;

height: 70px;

background: black;

}

HTML 文件