欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

<!DOCTYPE html>

<html>

         <head>

                   <meta charset="UTF-8" >

                   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale = 1, user-scalable=no"/>

                   <title></title>

                   <style type="text/css">

                            * {

                            margin: 0;

                            padding: 0;

                            }

                            div.wrap {

                                                        padding: 3% 0 0 3%;

                            }

                            div.square {

                                                        float: left;

                                                        background: #ffa500;

                                                        width: 30%;

                                                        padding: 30% 0 0 0;

                                                        margin: 0 3% 3% 0;

                                                        border-radius: 4%;

                            }

                   </style>

                  

         </head>

         <body>

         <div class="wrap">

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

                   <div class="square"></div>

         </div>

         </body>

</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h19051.shtml