请老师检查

来源：2-13 编程练习

宣与慕

2021-12-10 09:55:54

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>2-3</title>
    <style type="text/css">
        /* 此处写代码*/
        .qi{
            width:300px;
            height:200px;
            background-color:red;
        }
        .qi div{
            color:yellow;
        }
        .box1{
            font-size:60px;
            transform:translateX(20px);
        }
        .box2,.box3,.box4,.box5{
            font-size:24px;
        }
        .box2{
            transform:translateX(60px) translateY(-5px) rotate(30deg); 
        }
        .box3{
            transform:translateX(55px) translateY(15px) rotate(45deg);
        }
        .box4{
            transform:translateX(-46px) translateY(55px) rotate(90deg);
        }
        .box5{
            transform:translateX(55px) translateY(-25px) rotate(30deg);
        }
    </style>
</head>
<body>
    <!-- 此处写代码 -->
    <div class="qi">
        <div class="box1">★</div>
        <div class="box2">★</div>
        <div class="box3">★</div>
        <div class="box4">★</div>
        <div class="box5">★</div>
    </div>
</body>
</html>

写回答

1回答