用html+css作个简单的九宫格

KuaiKan 2022-4-3 850

九宫格

<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>
签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回