css代码实现三角形

用css实现三角形效果。

1、

           
       

        
.triangle_border_left{
    width:0;
    height:0;
    border-width:30px 30px 30px 0;
    border-style:solid;
    border-color:transparent transparent transparent #333;/*透明 灰 透明 透明 */
    margin:40px auto;
    position:relative;
}

.triangle_border_left span{
    display:block;
    width:0;
    height:0;
    border-width:28px 28px 28px 0;
    border-style:solid;
    border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */
    position:absolute;
    top:0px;
    left:0px;

}

2、