★纯CSS通过border绘制三角形对角线★

请勿抄袭本页面

---

代码说明

三角形对角线，斜边都是依靠原来盒子的边，还有另外一种形式就是斜边在盒子的对角线上，保留其中一种颜色，就可以得到斜边在对角线上的三角形了，多个这样的三角形通过设置边框大小颜色、拼凑起来可以形成任意形状的三角形。转自烈火网

---

html代码

<style> #test5 { height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color:purple orange transparent transparent; /*修改第一，二个值改变左上，右下块的颜色*/ border-style:solid solid dashed dashed; border-width:40px 40px 0 0 ; display:inline-block; } </style> <div id="test5"></div>

---

代码演示

---

[代码仅供参考，转载请注明出处]

---