csss线条中间粗两边细

效果

  

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

  

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

  

 

posted @ 2021-10-11 11:49  PromiseOne  阅读(433)  评论(0编辑  收藏  举报