九宫格

<div class="box-wrap">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>
CSS代码：
<style>
.box-wrap {
    text-align: center;
    background-color: #d4d4f5;
    overflow: hidden; 
}

.box-wrap>div {
    width: 31%;
    padding-bottom: 31%;
    margin: 1%;
    border-radius: 10%;
    float: left;
    background-color: orange;
}
</style>