CSS实现虚线的方法_css 虚线_saltlike的博客-CSDN博客

渐变属性(background-image)全解析_background-image linear_大聪明码农徐的博客-CSDN博客

Background:linear-gradient()详解_background: linear-gradient_小白白中之白的博客-CSDN博客

注意：

必须要写高度

.dotted-box{
    height:10px;//必须写高度
    width:100%;
    background-image:linear-gradient(to right,#084FA0 60%,rgba(255,255,255,0) 0%);
    background-position:bottom;
    background-size:14px 2px;
    background-repeat:repeat-x;
}