老师,这样子可以吗

来源:2-14 编程练习

为爱修行

2019-02-19 13:10:58

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            background: #f3f3f3;
        }
       /*此处补充代码*/
       div{
           border: 5px solid red;
           width:100px;
           height:200px;
           float:left;
           margin-left:150px;
           border-radius: 50%;
       }
       div:nth-child(1){
          transform: rotate(-90deg);
          border-radius: 200px / 150px 0 150px 100px;
       }
       div:nth-child(2){
          border-radius: 25px 60px 200px 25px / 25px 60px 200px 25px;
       }
       div:nth-child(3){
          border-radius: 15px 35px 15px 40px / 15px 35px 15px 40px;
       }
    </style>
</head>

<body>
   <!--此处补充代码-->
   <div></div>
   <div></div>
   <div></div>
</body>
</html>


写回答

1回答

好帮手慕星星

2019-02-19

你好,代码实现效果是可以的呢,继续加油!

0

0 学习 · 5012 问题

查看课程