与CSS的不规则的边界框

时间:2015-05-16 17:07:23

标签: html css box

是否有人知道如何在CSS中绘制这个不规则边框?Irregular Box

我尝试过类似的东西,但它没有给我不规则的线条。

    .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%;
}

0 个答案:

没有答案