html-border实现小三角的巧妙实现

<span></span>

span {

width:0;

height:0;

overflow:hidden;

border:7px solid transparent;

border-top-color:#2DCB70;//top就是倒三角，bottom就是上三角，left,right类似

}