<div class="content_pic"></div>

         < ;div class="content_shop">

                <div class="content_shop_1"></div>

                <div class="content_shop_2"></div>

               <div 클래스= "content_shop_3"></div>

                <div class="content_shop_4"></div>

           </div>

        </div>

   </div>

<div class="content_bottom"></div>

   <div class="footer_top"></div>

   <div class="footer_bottom"></div>

</div>

</body>

</html>

css：

*{margin:0px;padding:0px;}

a{텍스트 장식: 없음 ;}

.header{너비:100%;높이: 40px;배경:#333;}

.content_top{너비: 100%; margin-bottom: 10px;}

.content_bottom{너비: 100%;높이:500px;배경: #ccc;}

.footer_top{너비: 100%;높이: 100px;}

.footer_bottom{너비: 100 %;height:100px;배경: #ccc;}

.content{폭: 1226px;margin: 0px 자동;}

.content_menu{width:1226px;height: 90px;배경: 핑크;margin: 10px 자동;}

.content_pic{너비:1226px;높이: 460px;배경: url(../img/mi.jpg);}

.content_shop{너비: 1226px;높이:170;}

.content_shop_1{너비:200px ;높이: 170;배경: #ccc;float:왼쪽;마진-오른쪽: 10px;}

.content_shop_2{너비:316px;높이: 170;배경: #ccc;float:왼쪽;마진-오른쪽: 10px;}

.content_shop_3{너비:316px;높이: 170;배경: #ccc;float:왼쪽;여백-오른쪽: 10px;}

.content_shop_4{너비:316px;높이: 170;배경: #ccc;}