css画三角形

向下的三角形
画三角形的原理：采用的是相邻边框链接处的均分原理，将元素的宽高、padding、margin都设为0，只设置 border ，隐藏对应位置的边框，形成三角形。

.square{  
     width:0;  
     height:0;  
     margin:0 auto;  
     border:6px solid transparent;  
     border-top: 6px solid red;  
 }