老师麻烦帮忙看下，谢谢

来源：2-13 编程练习

咸鱼王派大星

2021-03-09 11:37:26

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .guoqi{
            width: 300px;
            height: 200px;
            background-color: red;
            background-position: center center;
            perspective: 300px;
        }
        .wjx1{
            width: 60px;
            height: 40px;
            transform: translateX(20px) translateY(5px);
        }
        .wjx1::before{
            content: '★';
            color: yellow;
            font-size: 60px;
        }
        .wjx2{
            width: 60px;
            height: 40px;
            transform: rotateZ(20deg) translateX(60px) translateY(-50px);
        }
        .wjx2::before{
            content: '★';
            color: yellow;
            font-size: 20px;
        }
        .wjx3{
            width: 60px;
            height: 40px;
            transform: rotateZ(40deg) translateX(40px) translateY(-90px);
        }
        .wjx3::before{
            content: '★';
            color: yellow;
            font-size: 20px;
        }
        .wjx4{
            width: 60px;
            height: 40px;
            transform: rotateZ(60deg) translateX(-5px) translateY(-95px);
        }
        .wjx4::before{
            content: '★';
            color: yellow;
            font-size: 20px;
        }
        .wjx5{
            width: 60px;
            height: 40px;
            transform: rotateZ(85deg) translateX(-65px) translateY(-55px);
        }
        .wjx5::before{
            content: '★';
            color: yellow;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <section>
        <div class="guoqi">
            <div class="wjx1"></div>
            <div class="wjx2"></div>
            <div class="wjx3"></div>
            <div class="wjx4"></div>
            <div class="wjx5"></div>
        </div>
    </section>
</body>
</html>