css 自定义虚线间隔

方法1

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
                <line x1="0" y1="0" x2="0" y2="86" style="stroke :rgb(255,0,0);stroke-width:5"stroke-dasharray="10,5" />
            </svg>

相关参数介绍

属性名称	属性意义	备注
x1	起点x坐标	 
x2	终点x坐标	 
y1	起点y坐标	 
y2	终点y坐标	 
stroke	线条颜色	 
stroke-width	线条宽度	 
stroke-opacity	线条透明度	范围：0~1
stroke-dasharray	点线或虚线	 

详细见帖子http://www.cnblogs.com/spin/articles/4977863.html

方法2

width: 100%;
height: 1px;
background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
background-size: 8px 1px;
background-repeat: repeat-x;