<html>
<head>
<title>简单的页面</title>
<style>
.QAQ{
width:840px;
height:390px;
background:red;
margin:0 auto;
}
.A{
width:840px;
height:100px;
background:#EDEDED;
}
.B{
width:840px;
height:40px;
background:green;
}
.B-A{
width:280px;
height:40px;
background:url(day/111_01.png);
float:left;
margin:0 auto;
}
.B-B{
width:280px;
height:40px;
background:url(day/111_03.png);
float:left;
}
.B-C{
width:280px;
height:40px;
background:url(day/111_05.png);
float:left;
}
.C{
width:840px;
height:200px;
background :black;
}
.D{
width:840px;
height:50px;
background:yellow;
}
</style>
</head>
<body>
<div class="QAQ">
<div class="A"></div>
<div class="B">
<div class="B-A"></div>
<div class="B-B"></div>
<div class="B-C"></div>
</div>
<div class="C"></div>
<div class="D"></div>
</div>
</body>
</html>
原文：http://www.cnblogs.com/bingg/p/5373190.html