CSS百分比

demo

by Mike Lin

HTML

<div class="border-container"></div>
<div class="border-container1"></div>

CSS

.border-container{
  border: 1px dotted #ee3979;
  width: 200px;
  height: 100px;
  border-radius: 10% 50%
}
.border-container1{
  border: 1px dotted #ee3979;
  width: 200px;
  height: 50px;
  border-radius: 30% 30%
}