两边细中间粗的线条

css如图

.a {

margin-bottom: 4px;
height: 0.5px;
width: 2px;
border-radius: 50%;
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.68) 5%, #32a04a 25%, rgba(0, 0, 0, 0.46) 50%);
transform: scale(42, 1);
display: inline-block;

}

这个不是效果图，效果图做出来不好看，于是就放弃了这种做法，但是这个css可以参考参考

（本博主只是一个初学的菜鸟--Anguler，希望能够帮助到需要的人，如果有不正确的地方希望多多包涵和欢迎随时提出来，一起进步）

（本博主只是一个初学的菜鸟--Anguler，希望能够帮助到需要的人，如果有不正确的地方希望多多包涵和欢迎随时提出来，一起进步）