如何弯曲div的边框

Question

我有一个div我希望边框不要平坦但是弯曲怎么做

当前div

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

<div></div>

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

Answer 1

这对你有帮助......

使用border-radius

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

<div></div>

Answer 2

  

使用border-radius您可以更改border-radius: px

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

<div></div>

Live Demo

Answer 3

使用 border-radius

＆＃13;

＆＃13;

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

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

我的版本与其他版本不同，对吗？ ）

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

<div></div>