css三角形
效果图
如下图所示，让一个 div 变成三角形，并且可随意更改大小，本文提供了可运行示例源码，直接复制即可。
## 实现源码建议创建一个 demo.html 文件，一键复制代码运行。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>## 写在后面其实实现方法还有很多，如果仅仅是为了展示，本文的方案比较简单粗暴。