请老师帮忙检查一下

来源:2-13 编程练习

木子小可爱

2019-08-26 14:53:44

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style type="text/css">

div{

width:100px;

            height:200px;

            border:5px solid red;

            float:left;

            margin:10px 50px;

       

}

        .one{

        border-radius:40px 60px 40px 0/40px 30px 40px 0;

        transform:rotate(90deg);

        } 

        .two{

        border-radius:15px 35px 165px 15px/15px 35px 165px 15px;

        }

        .three{

        border-radius:10px 50px 10px 50px/10px 50px 10px 50px;

        }

</style>

</head>

<body>

    <div class="one"></div>

<div class="two"></div>

<div class="three"></div>

</body>

</html>


写回答

1回答

好帮手慕嘟嘟

2019-08-26

同学你好,

老师运行了你的代码,效果是正确的,继续努力哦~

有一个小问题是第二个盒子有边框的圆角弧度偏小,可以设置成:

http://img.mukewang.com/climg/5d63a0e90001eece12810253.jpg

效果:

http://img.mukewang.com/climg/5d63a10a0001866c08110264.jpg

如果我的回答帮助了你,欢迎采纳,祝学习愉快~


0

0 学习 · 40143 问题

查看课程