[散修弟子]CSS-8574|2020年07月16日的日报-技能树.IT修真院

发表于： 2020-07-16 22:18:14

0 1372

一、今天完成的事

实现任务一代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>nine_box</title>
        <link rel="stylesheet" type="text/css" href="nine_box.css"/>
    </head>

    <body>
        <div class="box">
            <div class="box1"></div>
            <div class="box2"></div>
            <div class="box3"></div>
            <div class="box4"></div>
            <div class="box5"></div>
            <div class="box6"></div>
            <div class="box7"></div>
            <div class="box8"></div>
            <div class="box9"></div>
        </div>
    </body>
</html>

.nine-box {
    text-align: center;
    background-color:#d4d4f5;
    overflow: hidden;
}

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