简单的页面

<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>

posted @ 2016-04-10 00:24  yfwywnfd  阅读(119)  评论(0)  编辑  收藏  举报