css3创建三角形

原理：将上丶右丶左三条边隐藏掉（颜色值设置为transparrent）

html:

<div class="demo"></div>

css:

.demo{
     width:0;
     height:0;
     border-width:100px;
     border-style:solid;
     border-color:transparent transparent red transparent;
     margin: 0 auto;
 }

效果：