php7网页布局作业,基本布局练习

实例

html>

test

.box{

width:100%;

height: 60px;

background-color: gray;

margin:0 auto;

}

.box1{

width: 1000px;

height: 650px;

margin: 0px auto;

}

.box2{

width: 200px;

height: 650px;

background-color: lightblue;

float: left;

}

.box3{

width: 600px;

height: 650px;

background-color: lightyellow;

float: left;

}

.box4{

width: 200px;

height: 650px;

background-color: lightgreen;

margin-left:800px;

}

.box5{

width:100%;

height: 60px;

background-color: gray;

margin:0 auto;

}

运行实例 »

点击 "运行实例" 按钮查看在线实例