请老师检查代码

来源:2-11 编程练习

爱吃橘子的喵喵

2021-06-02 16:38:47

<!DOCTYPE html>

<html lang="en">


<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <style>

    .box {

      position: relative;

    }


    .box .bd1 {

      height: 0;

      width: 0;

      border: 200px solid transparent;

      border-left: 200px solid red;

      border-top-left-radius: 200px;

      border-bottom-left-radius: 200px;

    }


    .box .bd2 {

      height: 0;

      width: 0;

      border: 200px solid transparent;

      border-right: 200px solid red;

      border-top-right-radius: 200px;

      border-bottom-right-radius: 200px;

      position: absolute;

      top: 0px;

      left: -30px;

    }

  </style>

</head>


<body>

  <div class="box">

    <div class="bd1"></div>

    <div class="bd2"></div>

  </div>

</body>


</html>



写回答

1回答

好帮手慕然然

2021-06-02

同学你好,代码实现效果很棒,继续加油,祝学习愉快!

0

0 学习 · 15276 问题

查看课程