纯CSS图案背景？

Question

我有一个需要严肃装饰的身体标签。我想避免下载图像和/或使用库。我尝试使用许多不同的背景颜色来装饰我的身体标签，但它只是不起作用。

这就是我需要的东西：

1. 纯CSS条纹图案（无图像）
2. 纯CSS斑点图案（polkadot，无图像）
3. 将我的身体标签分成四个象限，每个象限都有不同的背景
4. 生成1＆amp;的纯css组合2？

我已经搜索了这些答案，但我只能找到图像生成器。我知道有一种方法可以制作渐变，但有没有办法制作其他纯CSS模式，或者我应该下载图像？

Answer 1

您可以使用CSS3背景属性来设计几乎任何您喜欢的内容，也有可以生成css代码的网站，例如：

body {
background-color:#ccc;
background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a), 
linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
background-size:80px 140px;
background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}