css 伪类模拟三角箭头

向上箭头

    .tip-qrcode:after{    
        border-bottom: 15px solid #f6f6f6;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        content: '';
        position: absolute;
        right: 90px;
        top: -10px;
    }

向下箭头

    .tip-qrcode:after{    
        border-top: 15px solid #f6f6f6;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        content: '';
        position: absolute;
        right: 90px;
        top: -10px;
    }