如何弯曲 div 的边框

Question

我有一个div我想让边框不是平的而是弯的怎么办

当前 div

div{
  height:100px;
  width:100px;
  background:#000;
}

<div></div>

这里的边框是平的，我希望它弯曲

Answer 1

Using border-radius And You can Change border-radius: px

div {
  height: 100px;
  width: 100px;
  background: #000;
  border-radius: 25px;
}

<div></div>

Answer 2

使用边框半径

div {
  height: 100px;
  width: 100px;
  background: #000;
  border-radius: 25px;
}

<div></div>

Answer 3

这可能对你有帮助...

使用border-radius

div{
  height:100px;
  width:100px;
  background:#000;
  border: 1px solid #000;
  border-radius:4px;
}

<div></div>

Answer 4

我的版本和其他的不一样吧？ )

div{
  height:100px;
  width:100px;
  background:#000;
  
  border-radius: 50%/10%;
}

<div></div>

how to bend border's of a div