Html 带有CSS的不规则边框框

Html 带有CSS的不规则边框框,html,css,box,Html,Css,Box,有人知道如何在CSS中绘制这个不规则的边框吗 我试过这样的东西,但它不会给我不规则的线条 .IrregularBox { position: relative; margin: 20px 0; border: 2px #000 solid ; border-radius: 50% / 10%; text-align: center; text-indent: .1em; } .IrregularBox:before { content: ''; posit

有人知道如何在CSS中绘制这个不规则的边框吗

我试过这样的东西,但它不会给我不规则的线条

    .IrregularBox {
  position: relative;
  margin: 20px 0;
  border: 2px #000 solid ;
  border-radius: 50% / 10%;
  text-align: center;
  text-indent: .1em;
}
.IrregularBox:before {
  content: '';
  position: relative;
  top: 10%;
  bottom: 10%;
  right: -5%;
  left: -5%;
  background: inherit;
  border-radius: 5% / 50%;
}