在 CSS 中创建背景图案

Goo*_*ozo 3 html css

我有以下图片

在此处输入图片说明

其中有这种斜条纹图案,我想知道如何使用 CSS 作为背景图案创建这种图案。

干杯,es

Joh*_*nes 5

(编辑:我在代码笔中添加了第二个示例)

类似于已经给出的答案,但增加了避免梯度:

http://codepen.io/anon/pen/EyNwOq

给它一个重复的线性渐变背景,但为了避免渐变并只获得两种单独的颜色,请按如下方式操作(调整设置以获得您喜欢的条纹宽度和颜色):

background: repeating-linear-gradient( -45deg, #000 0px, #000 5px, #333 6px, #333 11px, #000 12px);
Run Code Online (Sandbox Code Playgroud)