用svg画一个梯形角标

活不多说，直接上代码。

      <div class="status0" >
        <svg  class="rect" width="120px" height="200px">
          <polygon points="50,0 100,0 125,30 125,80 " class="pp"/>
        </svg>
          <div class="desc"></div>
      </div>

 

.status0{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/120152428

标签：blog,svg,100%,梯形,height,relative,角标,csdn,原文
来源： https://www.cnblogs.com/wangchuanxinshi/p/16563080.html