css实现三角形

思路：将宽高设置为0，通过border设置来实现

html片段：

<div id="triangle"</div>

css码：

#triangle {

0;
height:0;
border: 20px solid; 
border-color: transparent;
border-bottom-color: red;
}

效果图：