2-13作业检查

来源:2-13 编程练习

weixin_慕的地2217823

2022-10-18 16:13:22

<html>

<head>

    <meta charset="utf-8">

    <title>2-3</title>

    <style type="text/css">

        /* 此处写代码*/、

        *{

            margin:0;

            padding:0;

        }

        .box{

            width:300px;

            height:200px;

            background-color:red;

        }

        .box p{

            color:yellow;

            position:relative;

            font-size:25px;

        }

        .box .star1{

            transform:scale(3);

            position:absolute;

            top:20px;

            left:45px;

        }

        .box .star2{

            position:absolute;

            top:-10px;

            left:100px;

            transform:rotate(30deg);

        }

        .box .star3{

            position:absolute;

            top:15px;

            left:120px;

            transform:rotate(30deg);

        }

        .box .star4{

            position:absolute;

            top:45px;

            left:120px;

            transform:rotate(30deg);

        }

        .box .star5{

            position:absolute;

            top:70px;

            left:100px;

            transform:rotate(30deg);

        }

         

    </style>

</head>

<body>

    <!-- 此处写代码 -->

    <div class="box">

        <p class="star1">★</p>

        <p class="star2">★</p>

        <p class="star3">★</p>

        <p class="star4">★</p>

        <p class="star5">★</p>

    </div>

</body>

</html>


写回答

1回答

好帮手慕星星

2022-10-18

同学你好,代码实现效果可以。

建议:五角星用css实现,可以参考其他同学代码

https://class.imooc.com/course/qadetail/331694

祝学习愉快!

0

0 学习 · 17877 问题

查看课程