css实现纵向时间轴

利用ul>li*n 结构，时间轴上的主线其实是ul的border-left而时间轴上的圆点是li带的小点。如果想自定义小圆点可以如下写法：

        li {
               list-style-type: none;
           }
        li::before {
                     content: "\2022"; //圆点
                     color: #CCD3E1; //颜色 
                     font-size: 14px;//大小
               	}