html - 在 CSS 中创建背景图案

标签 html css background-image

我有下面的图片

enter image description here

里面有这个 Angular 条纹图案,我想知道如何用 CSS 创建这个图案作为背景图案。

干杯, 是

最佳答案

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

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

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

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

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

关于html - 在 CSS 中创建背景图案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37965625/

相关文章:

css - 页眉固定为页脚

css - 我可以在背景中定位和调整线性渐变的大小吗?

javascript - 如何从 html 属性值中删除字符?

html - 如何模糊背景图像 - css?

javascript - 单击另一个时如何从链接中删除颜色

当带有类的选项卡可见时jquery隐藏元素

html - 在选择框的中心对齐多个选择的标签

html - 为什么我的复选框被强制换行?

css - 带有背景图像的背景色 div

div 中的 Css 背景图像不起作用