鍍金池/ 問答/HTML/ css畫圓弧問題

css畫圓弧問題

clipboard.png
有人用css畫個(gè)這樣的圓弧嗎？求幫助

回答
編輯回答
巫婆

<!DOCTYPE html>
<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>

2017年3月29日 06:09
編輯回答