北京WEB前端培训 如何用css画出一个三角形

在我们制作页面的时候经常需要使用三角形来实现一些视觉效果，而且众所周知好多图形都可以拆分成三角形，所以说会了画三角形就可以画出很多有意思的形状。这大大提高了我们在制作网页时使用代码替代图片的可能性，从而减少了网页体积，达到优化页面的效果。今天就来教大家用css画三角形的方法。

.triangle{
        width: 0;
        height: 0;
        border-left: 50px solid transparent;　　　　//左边宽度50px，实线，透明颜色
        border-right: 50px solid transparent;　　　　//右边同上
        border-top: 100px solid red;　　　　　　　　//上边宽度100px，实线，红色
}

.triangle{
        width: 0;
        height: 0;
        border-top: 100px solid red;
        border-right: 100px solid transparent;
}