html纵向通栏,通栏平均分布型.html

通栏平均分布型

*{

margin: 0;

padding: 0;

}

ul{

list-style: none;

}

.top{

height: 80px;

border: 1px dashed #aaa;

background-color: #eee;

text-align: center;

}

.banner{

width: 960px;

height: 150px;

border: 1px dashed #aaa;

background-color: #eee;

margin: 10px auto;

text-align: center;

}

.small{

width: 960px;

height: 100px;

margin: 0 auto;

margin-bottom: 10px;

}

.small ul li{

width: 230px;

height: 100px;

border: 1px dashed #aaa;

background-color: #eee;

float: left;

margin-left: 10px;

}

.small .nomargin{

margin-left: 0;

}

.footer{

height: 150px;

border: 1px dashed #aaa;

background-color: #eee;

margin-top: 10px;

text-align: center;

}

通栏顶部

广告条

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

footer

一键复制

编辑

Web IDE

原始数据

按行查看

历史