css html 45度角箭头,纯css实现带拐角方向流动箭头

图一是示意，图二是真实效果，动态加不上，只能用红箭头表示下了。。。。。。。。。。。

HTML代码：

CSS代码：

/*向右流动箭头*/

.pipeline_right_arrows {

width: 100%;

height: 6px;/*图片height为4px，上下border各为1px*/

border-top: 1px solid #1AB395;

border-bottom: 1px solid #1AB395;

}

/*向下流动箭头*/

.pipeline_down_arrows {

width: 6px;/*图片width为4px，上下border各为1px*/

height: 100%;

border-left: 1px solid #1AB395;

border-right: 1px solid #1AB395;

}

.pipecorner_arrows .position_left_bottom {