一、border的border-width一样
1、transparent是透明的意思
2、角度是反的，top的时候三角是往下的，以此类推
3、你只要控制border-xxx-color就可以了
4.高度和宽度必须是0
注意：上面四个三角div的想用的CSS为如下：
1、border:10px solid transparent; border-top-color:#000;
2、border:10px solid transparent; border-right-color:#da4939;
3、border:10px solid transparent; border-left-color:#cb7832;
4、border:10px solid transparent; border-bottom-color:#a6e22e;
二、border的width不一样的情况
注意：上面四个三角div的想用的CSS为如下：
1、border:10px solid transparent; border-top-color:#000; border-top-width:30px;
2、border:10px solid transparent; border-right-color:#da4939; border-top-width:30px;
3、border:10px solid transparent; border-left-color:#cb7832; border-top-width:30px;
4、border:10px solid transparent; border-bottom-color:#a6e22e; border-top-width:30px;
我们可以得出结论：
1、如果是用一个面显示且宽度大的话会等角三角形拉长（二（1））
2、如果是两边（比如right的top/bottom、left的top/bottom等等），三角的对应角会拉上（二（2、3））
3、如果加大的是对立面的，那就三角的大小没有变化，倒是位置会变（二（4））