css 箭头的实现

CSS 实现箭头符号

CSS代码：

.pr_risk-bar_mark--target__prev,.pr_risk-bar_mark--target__next{  position: absolute;  top: 50%;  margin-top: -8px;  width: 0;  height: 0;  border-top: 8px solid transparent;  border-bottom: 8px solid transparent;  cursor: pointer;}.pr_risk-bar_mark--target__next{  border-left: 15px solid @pr-white;  right: -25px;}.pr_risk-bar_mark--target__prev{  border-right: 15px solid  @pr-white;  left: -25px;}

HTML代码：

        <div class="pr_risk-bar_mark--target__prev"></div>
        <span class="pr-risk-graph-bar__mark-text pr_yourTarget" data-ng-bind-template="{{target|number:2}}"></span>
        <div class="pr_risk-bar_mark--target__next"></div>

实现效果：

效果是不是棒棒哒☺~