常见网页布局
* {
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
- 1
- 2
- 3
- 4
一键复制
编辑
Web IDE
原始数据
按行查看
历史