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

 

參考博客地址:雲中雀