CSS条纹背景在线生成工具
轻松创建精美的条纹背景效果，自定义颜色、角度、宽度等参数，实时预览并复制CSS代码。
参数设置
预览效果
预览区域
CSS 代码
.element {
background: repeating-linear-gradient(
45deg,
#165DFF,
#165DFF 10px,
#E8F3FF 10px,
#E8F3FF 20px
);
}
代码已复制到剪贴板
使用说明
- 调整各项参数，实时预览条纹效果
- 点击"复制代码"按钮获取CSS代码
- 将代码应用到您的项目中需要条纹背景的元素
- 可以通过点击预设样式快速应用常用条纹效果