批改

来源：2-13 编程练习

提海

2021-10-22 11:17:13

问题描述:批改

<!DOCTYPE HTML>
<html>
问题描述：
<head>
    <meta charset="utf-8">
    <title>2-3</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }

        .beijing {
            width: 300px;
            height: 200px;
            background-color: red;
            position: relative;
            margin: 100px auto;
        }

        .star {
           width: 0px;
           height: 0px;
           border: 10px solid transparent;
           border-top: 5px solid yellow;
           position: absolute;
           top:65px;
           left: 45px;
        }
        .star::before {
            position: absolute;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-top: 5px solid yellow;
            top: -9px;
            left: -5px;
            content: '';
            transform: rotate(-80deg);
        }
        .star::after {
            position: absolute;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-top: 5px solid yellow;
            top: -9px;
            left: -15px;
            content: '';
            transform: rotate(70deg);
        }
        .one{
            transform: scale(3.0);
        }
        .two{
            transform: scale(1.0) rotate(10deg);
            top: 20px;
            left: 80px;
        }
        .three{
            transform: scale(1.0) rotate(45deg);
            top: 40px;
            left: 95px;
        }
        .fore{
            transform: scale(1.0) rotate(95deg);
            top: 70px;
            left: 95px;
        }
        .five{
            transform: scale(1.0) rotate(-36deg);
            top: 90px;
            left: 80px;
        }
        /* 此处写代码*/
    </style>
</head>

<body>
    <div class="beijing">
        <div class="star one"></div>
        <div class="star two"></div>
        <div class="star three"></div>
        <div class="star fore"></div>
        <div class="star five"></div>
    </div>
    <!-- 此处写代码 -->
</body>

</html>

写回答

1回答