解决边框颜色渐变时，border-radius失效的问题

<span class="price_f"><span class="price_f1">￥183</span></span>

.price_f{display: inline-block;width:55px;height:22px;line-height:22px;text-align: center;color: #cccccc;font-size: 12px;padding: 1px;background-image: -webkit-linear-gradient(left, #0092fe 0%, #10a9c0 30%, #14afb0 60%);border-top-left-radius:7px;border-bottom-right-radius:7px;}
.price_f1{width: 100%;display: inline-block;background-color: #0b0b0b;border-top-left-radius:7px;border-bottom-right-radius:7px;}

 padding来实现我们想要的“模拟边框”的效果