效果圖
如下圖所示，讓一個 div 變成三角形，并且可隨意更改大小，
本文提供了可運行示例源碼，直接復制即可。
實現源碼
建議創建一個 demo.html 文件，一鍵復制代碼運行。
<style>
.div{width: 0px;height: 0px;/* 調得越大三角形越大 */border-width: 100px;/* END */border-style: solid;border-color: red transparent transparent transparent;overflow: hidden;font-size: 0;line-height: 0;
}
</style><body><div class="div"></div>
</body>
寫在后面
其實實現方法還有很多，如果僅僅是為了展示，本文的方案比較簡單粗暴。
