如何设置光滑的边界半径超过50％

Question

边缘半径有问题。

我需要设置边框半径，例如

Css边界半径，如

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

给我糟糕的结果。有没有办法让光滑的半径？

Answer 1

您可以使用每个角的2个值剪切边框，也可以使用像素单位

＆＃13;

＆＃13;

html {
  background:#023C5C;
}

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

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;