Obliqueortwistedbordershape

我很感兴趣,如果可以使用CSS创建包裹(或者更好的说扭曲)边框.我希望实现的效果如图所示.

最简单和最简洁的解决方案是svg用于创建边框.

#container {
  position: relative;
  width: 200px;
  height: 30px;
}
#content {
  text-transform: uppercase;
  position: absolute;
  width: 200px;
  height: 30px;
  top: 0;
  text-align: center;
  line-height: 30px;
}

  
  
lorem ipsum