border三角
isay页面左侧三角符号在html5下用css的border属性替换背景图
其实就是用after和before属性 然后做2个三角形,底下的三角颜色和背景色一样,上面的小三角颜色设成边距颜色,然后适当调整位置即可
.status .fr:before, .status .fr:after {position: absolute;content: "";left: -16px;top: 13px;width: 0;z-index: 99;border: solid rgba(156, 66, 66, 0);}
.status .fr:before{border-color:rgba(255,255,255,0);border-right-color:#F5F5F5;border-width:8px;z-index:100}
.status .fr:after {border-color: rgba(255,255,255,0);border-right-color: #BDBDBD;border-width: 9px;left: -19px;top: 12px;}