根據項目需求，用css做了一個如下圖所示的CRM三角形條幅，簡單說就是三角形背景色塊，加一個傾斜縮放的CRM字體；

代碼如下：

<div class="triangle-topleft"><span class="font-CRM">CRM</span> </div>.triangle-topleft {width: 0;height: 0;border-top: 32px solid #ebf2f9;border-right: 32px solid transparent;position: relative; } .font-CRM {color: #1182e0;position: absolute;top: -40px;left: -3px;transform: scale(0.7) rotate( -45deg );font-size: 12px;font-weight: bold; }

總結

以上是生活随笔為你收集整理的三角形条幅设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。