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

样式如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

.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按钮

?

1 2	<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>

　　

样式如下：