html常见网页布局,常见网页布局.html

常见网页布局

* {

margin: 0;

padding: 0;

}

.top {

height: 50px;

background-color: gray;

}

.banner {

width: 980px;

height: 150px;

background-color: gray;

margin: 10px auto;

}

.box {

width: 980px;

height: 300px;

background-color: #ff80c0;

margin: 0 auto;

}

li {

list-style: none;

}

.box li {

float: left;

width: 237px;

height: 300px;

background-color: #8000ff;

margin-right: 10px;

}

/* 中间要空格 */

.box .last{

margin-right: 0;

}

.footer {

height: 200px;

background-color: #00ffff;

margin-top: 10px;

}

top

banner

• 1
• 2
• 3
• 4

footer

一键复制

编辑

Web IDE

原始数据

按行查看

历史