csss线条中间粗两边细

效果

　　

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

　　

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