css写div角上的三角形

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_40028324/article/details/83827218

 

如上图。 用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;
    }

参考博客地址:云中雀