请老师帮忙检查一下

来源:2-13 编程练习

duqinaerfa

2019-08-21 18:49:43

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            background: #f3f3f3;
            position:relative;
        }
       /*此处补充代码*/
       div{
           width:100px;
           height:200px;
           border:5px solid red;
       }
       .div1{
           position:absolute;
           left:130px;
           top:300px;
           transform:rotateZ(-90deg);
           border-radius:50px 0px 50px 50px/50px 0px 50px 20px;
       }
       .div2{
           position:absolute;
           left:400px;
           top:250px;
           border-radius:10px 50px 100px 10px/10px 40px 100px 10px;
       }
       .div3{
           position:absolute;
           left:650px;
           top:250px;
           border-radius:20px 40px 10px 40px/20px 40px 10px 40px;
       }
    </style>
</head>

<body>
   <!--此处补充代码-->
   <div class = "div1"></div>
   <div class = "div2"></div>
   <div class = "div3"></div>
</body>
</html>


写回答

1回答

好帮手慕码

2019-08-21

同学你好!
代码效果实现的是可以的哦;

如果帮助到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 40143 问题

查看课程