csss线条中间粗两边细

效果

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

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

标签：csss,24%,hr,auto,两边,width,radial,线条
来源： https://www.cnblogs.com/Blogzlj/p/15392731.html