利用border实现三角形

效果：

HTML代码:

<div class="triangle"></div>

CSS代码：

 .triangle {
        width: 0;
        height: 0;
        border-width: 50px;
        border-style:  solid;
        border-color: transparent transparent red;
    }