``` .box { width: 0; height: 0; border: 20px solid transparent; border-bottom: 20px solid red;  } ```  ___ #### 演变过程  > 当我们四个边框设置了不同颜色 会发现居然是这样显示的，按理说大家都是一个矩形，这样就会存在交叉重叠的部分，防治他们打架争夺地盘。给出了一个合理解决方法，大家平分天下，所以看起来像一个梯形了。得到梯形后会发现当梯形的两边向中间靠拢就会出现三角形，那么我们就把这个盒子的宽度设置为0 这样他们就合成了一个三角形，然后去掉高度把其他三边透明化这样就出现了三角形。