html - 更圆 Angular - Border Radius CSS

我希望在 CSS 中做更多的圆 Angular 以获得这样的结果:

the top left corner

目前，我有这段代码:

border-radius: 0 400px 0 0;

结果是:

the top right corner

即使我输入 50px 或 1000px，第二个值也不会改变 Angular 。

有没有办法让边界半径相似？

最佳答案

你需要拉长你的 border-radius:

.test {
  border: 1px solid black;
  text-align:center;
  
  /* border-top-left-radius: horizontal vertical */
  border-top-left-radius: 50px 20px;
}

<div class="test">
  lorem ipsum
</div>

关于html - 更圆 Angular - Border Radius CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48862688/