css 颜色渐变线条 中间向两边 中间粗两边细

css 颜色渐变线条 中间向两边 中间粗两边细

 

参考：

https://segmentfault.com/q/1010000006961164

 

 

<div class="hr-line-div"></div>

  .hr-line-div{
    margin:0 auto;
    height: 1rem;
    width: 20rem;
    background: radial-gradient(red 24%, white 100%);
  }

 

        

  背景颜色是白色，所以使用的white 100%