图形

by 苹果熊

HTML

<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>

CSS

.circle1 {
  width: 200px;
  height: 100px;
  background: green;
  border-radius: 50% / 100% 100% 0 0;
}
.circle2 {
  width: 100px;
  height: 200px;
  background: green;
  border-radius: 100% 0 0 100% / 50%;
}
.circle3 {
  width: 100px;
  height: 100px;
  background: green;
  border-radius: 0 100% 0 0;
}