使用方法
- 选择图案类型：条纹、圆点、棋盘格或锯齿形。
- 设置主色、强调色以及以像素为单位的尺寸。
- 查看预览，然后用复制按钮复制 CSS。
该生成器只用 CSS 渐变制作重复图案，因此无需托管任何图片文件。主色是基础背景，强调色用于叠加在其上的条纹、圆点或方块。尺寸以像素为单位，范围为 10 到 100，控制每个重复单元的大小。
“条纹”会创建 45 度的斜线，每条条纹的宽度为尺寸值的一半。“圆点”在网格上绘制小圆。“棋盘格”生成双色棋盘。“锯齿形”创建重复的三角波。每种类型都会返回几行 CSS，设置背景色、由渐变构成的背景图像，并在需要时设置背景尺寸和位置。
要使用图案，请把复制的声明粘贴到任意元素的规则中，例如容器或 body。之后你可以在自己的样式表中更改颜色或尺寸。由于图案由渐变构成，它们缩放清晰，并且不会增加额外的网络请求。
一切都在你的浏览器中生成，不会上传任何内容。
常见问题
有哪些图案可用？
条纹、圆点、棋盘格和锯齿形。
我需要图片文件吗？
不需要。这些图案使用 CSS 渐变，因此没有需要托管或加载的图片。
尺寸控件改变什么？
图案一个重复单元的像素尺寸。数值越大，图案越大。
我可以把这段 CSS 用在任意元素上吗？
可以。把声明粘贴到你想要背景的任意元素的规则中。
我的输入会被上传吗？
不会。CSS 在你的浏览器中构建。