html - 如何设置平滑的边界半径大于 50%

Question

我的边界半径有问题。

我需要像这样设置边框半径

css边框半径如

    border-top-right-radius: 46%;
    border-top-left-radius: 21%;

给我不好的结果。有什么方法可以使半径平滑？

Answer 1

你可以用每个 Angular 的2个值来切断你的边界，你也可以使用像素单位

html {
  background:#023C5C;
}

div {
  text-align:center;
  background:#007EAA;
  min-height:200px;
  border-radius: 400px 70px 0 0 / 100px 10px 0 0;
  width:500px
}

<div></div>