css绘制三角形

.triangle{
        width: 0;
        height: 0;
        /*2.设置盒子上下左右边框(注意:根据三角形大小调整边框粗细,颜色要设置为透明transparent)      */
        border: 8px solid transparent;
        /*3.根据三角形方向选择设置哪个方向边框为none
        技巧:设置三角形正对方向的边框为none,比如我想设置朝上的三角形，那就设置上边框为none*/
        border-top: none;
        /*4.最后设置边框颜色，显示出三角形*/
        border-bottom-color: #fff;
        z-index: 10;
        position: absolute;
        bottom: 0;
        left: 178rpx;
    }