css绘制三角形的原理

.triangle{

width:0px;

height:100px;

border:100px solid;

border-color:red  green  blue  yellow;

}

效果就是下面这张图

 

所以我们把其中的三种颜色设置成transparent 透明的，就是一个三角形了

.triangle{

width:0px;

border:100px solid;

border-color:red  transparent transparent transparent ;

}