纯css实现三角形

实现原理：

border属性：
在盒子有内容时，border属性的每一条边其实生成的是梯形。当border宽度越来越大，内容越来越少时，每一条border的上底边长度就会越来越小。当没有高度宽度和内容时，这时设置border，每一条border就会是一个三角形。

    width: 0; 
    height: 0; //令其高宽为0
    content: "";  //令盒子没有内容
    border: 6px solid transparent; // 将所有边框设置为透明
    border-right-color: #ff9c00;   //  显示右边框（三角形）