html左边小三角，类似于消息框样式

样式如下：

    .where-tag {
        background-color: #00cc00;
        padding: 1px 4px 1px 4px;
        color: #FFF;
        font-size: 13px;
        width: 200px;
        height: 40px;
        text-align: center;
        position: relative;
        border-radius: 3px;
        margin-left: 16px;
    }
    .where-tag:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 5px;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
    }

    .begin-all:before {
        border-right: 11px solid #0c60ee;
    }
    .end-all:before {
        border-right: 11px solid #00cc00;
    }

　　

html按钮

 <span ng-if="itemObj.deal_state=='已完成'" class="where-tag begin-all" style="background-color: #0c60ee;">已完成</span>
 <span ng-if="itemObj.deal_state=='处理中'" class="where-tag end-all" style="background-color: #00cc00;">处理中</span>

　　

样式如下：