通过下面这张图你就知道三角是怎么做的了，做法如下：
<style>.box{width: 0px;height: 0px;border-left: 30px solid pink;border-right: 30px solid red;border-top: 30px solid green;border-bottom: 30px solid black;}</style><div class="box"></div>
我们给一个div的每一条边框加上颜色，并且不设置宽高(！！！重点)，就可以得到上面这张图。由此可以看出，只要把其中任意三条边的颜色设置为透明，就可以得到一个三角形
我们以倒三角形为示例
<style>.box{width: 0px;height: 0px;border: 30px solid transparent;border-top-color: pink;// 这两个是设置兼容低版本浏览器的，有需要的话可以加上，高版本的可以不加line-height: 0px;font-size: 0px;}</style>
