css写div角上的三角形

 

如上图。 用css写出来这个三角形，做一个总结：

 <div class="top-left-triangle"></div>

 

    .top-left-triangle {
      width: 0;
      height: 0;
      border-width: 0 0 30rem / @r 30rem / @r;
      border-style: solid;
      border-color: transparent transparent transparent #f6746a;
      position: absolute;
      left: 0;
    }

 

参考博客地址:云中雀