条纹图案制作器
调整轻量的条纹背景，在本地预览，然后复制或下载生成的 CSS。
实时预览
宽度和间距限制为 1–96px，角度限制为 0–180°。
使用步骤
如何使用
- 选择前景色和背景色，再选择条纹方向。
- 在有限范围内设置条纹宽度、间距和角度。
- 复制 CSS，或将其下载为小型样式表片段。
纯 CSS 条纹背景
图案在浏览器中使用 repeating-linear-gradient 生成，不使用图片、canvas、上传、外部请求或依赖。
有边界的数值
条纹宽度和间距限制在实用的 1–96px，角度限制在 0°–180°。预览和复制的 CSS 始终使用有效颜色和正尺寸。
常见问题
你可能还想知道
生成的 CSS 可以用于任意元素吗？
可以。将 background 声明复制到元素或可复用的 CSS 类中，再根据设计调整元素尺寸和对比度。
我的颜色会被上传吗？
不会。预览、复制和下载都在浏览器本地完成。
为什么改变方向会改变角度？
水平和垂直方向使用固定的 0° 或 90° 几何。斜向方向使用你选择的角度，让间距保持可预测。