CSS 边框技巧（等腰三角形 、直角三角形）

画三角简述

先设置盒子的宽高为0，然后一个边框设置颜色，其他边框设置透明色就可以实现效果。

注意: 宽高要设置成0，因为盒子默认是有宽度的，宽度为父盒子的宽度。

1. 等腰三角形

解释：

案例中的最初状态: <div>的宽高设置为0，并且设置了4个边框的大小和颜色，可以看出来，这个时候盒子就像是四个等腰三角形拼凑的，剩下的只要将目标边框留下，其他的设置透明色就可以了。

2. 直角三角形

在等腰三角形的基础上, 想让哪边是直角, 就把那一侧的边框设置成0就可以了。