关于此工具
仅使用渐变，从两种颜色和一个尺寸构建可重复的背景图案——条纹、棋盘格、圆点或网格，然后复制 CSS。预览在你的浏览器中实时更新。
常见问题
这些图案是如何在不使用图片的情况下生成的？
它们使用 CSS 线性渐变和径向渐变配合 background-size，由浏览器平铺绘制出可重复的图案。
图案在高分辨率屏幕上会缩放清晰吗？
会——渐变基于矢量，因此图案在任何分辨率或缩放级别下都保持清晰。
100% 浏览器内运行
▩
CSS 背景图案
用两种颜色生成 CSS 背景图案并复制。