css border颜色渐变 有中间向两边

Question

border的渐变的实现
一种方法是做成图片，但是我想要用css实现，不知道各位是怎么实现这种效果的

Answer 1

线性渐变语法：background: linear-gradient(direction, color-stop1, color-stop2, ...);
你可以： background:linear-gradient(to left,blue,red,blue);

Answer 2

使用径向渐变试试看：div{

height: 3px;
background: radial-gradient(red -24%, yellow 100%);
}