老师帮忙检查一下代码

来源：2-13 编程练习

摩苏尔

2020-11-05 12:04:12

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五星红旗</title>
    <style type="text/css">
    *{
        margin: 0;
        padding: 0;
    }
    .bg{
        width: 600px;
        height: 400px;
        background-color: red;
    }
    .xing{
        position: relative;
    }
    .xing .x1{
        width: 0;
        height: 0;
        border-top:40px solid yellow ;
        border-bottom: 40px solid transparent;
        border-left: 65px solid transparent;
        border-right: 65px solid transparent;
        position: absolute;
        top:50px;
        left: 50px;
        transform: rotate(0deg);
            }
    .xing .x2{
        width: 0;
        height: 0;
        border-top:40px solid yellow ;
        border-bottom: 40px solid transparent;
        border-left: 65px solid transparent;
        border-right: 65px solid transparent;
        position: absolute;
        top: 38px;
        left: 31px;
        transform: rotate(73deg);
            }
    .xing .x3{
        width: 0;
        height: 0;
        border-top:40px solid yellow ;
        border-bottom: 40px solid transparent;
        border-left: 65px solid transparent;
        border-right: 65px solid transparent;
        position: absolute;
        top: 19px;
        left: 33px;
        transform: rotate(142deg);
             }
    .one{
        transform: translateY(50PX);
    }
    .two{
        transform: scale(.3) translateX(-183px) translateY(-48px) rotate(-45deg);
    }
    .three{
        transform: scale(.3) translateX(0px) translateY(210px) rotate(-15deg);
    }

    .four{
        transform: scale(.3) translateX(35px) translateY(477px) rotate(0deg);
    }
    .five{
        transform: scale(.3) translateX(-79px) translateY(725px) rotate(15deg);
    }

    </style>
</head>
<body>
    <div class="bg">
        <div class="xing one">
            <div class="x1"></div>
            <div class="x2"></div>
            <div class="x3"></div>
        </div>
        <div class="xing two">
            <div class="x1"></div>
            <div class="x2"></div>
            <div class="x3"></div>
        </div>
        <div class="xing three">
            <div class="x1"></div>
            <div class="x2"></div>
            <div class="x3"></div>
        </div>
        <div class="xing four">
            <div class="x1"></div>
            <div class="x2"></div>
            <div class="x3"></div>
        </div>
        <div class="xing five">
            <div class="x1"></div>
            <div class="x2"></div>
            <div class="x3"></div>
        </div>
    </div>

</body>
</html>