检查代码!

来源:2-13 编程练习

福徐贵

2020-06-07 21:37:32

<!DOCTYPE html>

<html>


<head>

    <title></title>

    <style type="text/css">

        .left {

            width: 100px;

            height: 200px;

            border: 10px solid red;

            border-radius: 100px /100px 40px 80px 0px;

            transform: rotate(90deg);

            margin-left: 80px;

            float: left;

        }


        .middle {

            width: 100px;

            height: 200px;

            border: 10px solid red;

            border-radius: 50px 90px 300px 30px;

            margin-left: 80px;

            float: left;

        }


        .right {

            width: 100px;

            height: 200px;

            border: 10px solid red;

            border-radius: 20px 50px 20px 50px;

            margin-left: 80px;

            float: left;

        }

    </style>

</head>


<body>

    <div class="left"></div>

    <div class="middle"></div>

    <div class="right"></div>

</body>


</html>


写回答

1回答

好帮手慕夭夭

2020-06-08

同学你好,代码实现正确。继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程