通过CSS实现图标背景显示竖条颜色

HTML
<li><a href="javascript:;" class="stripe-blue"><i class="icon_">icon</i></a></li>

CSS
.square-link.stripe-blue {background:linear-gradient(to right, #37bcdf 50%, #05abd7 0, #05abd7 75%)}