css技巧篇（一）

虚线：

css 自带的dashed 虚线样式非常的有限。往往是不满足UI设计稿的需求的，这里可以使用渐变的方式实现：

/**使用渐变来自定义虚线 */
            background: linear-gradient(to right,
                transparent 0%,
                transparent 50%,
                rgb(140, 139, 139) 50%,
                rgb(140, 139, 139) 100%);
            background-size: 4px 1px; // 这里的第一个参数 越大，虚线线段越长，间隔也越大
            background-repeat: repeat-x;