The problem of drawing arcs by css

clipboard.png
does anyone draw an arc like this with css? Ask for help

Mar.22,2021


< html lang= "en" >
< head >
< meta charset= "UTF-8" >
< title > Document < / title >
< style type= "text/css" >

  .box1{
      width: 400px;
      height: 400px;
      background-color: black;
  }
  .box2 {
      width: 100%;
      height: 300px;
      border-radius: 0 0 200px 200px/0 0 30px 30px;   
      background-color: red;
  }

< / style >
< / head >
< body >
< div class= "box1" >

<div class="box2">
</div>

< / div >
< / body >
< / html >


https://codepen.io/vizocn/pen.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb57d8-4831f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb57d8-4831f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?