css - 使用 CSS 而不是图像重新创建此模式？

Question

我在网上遇到了这种模式，但它是一个图像，我想尽可能避免使用图像作为装饰。

关于如何重新创建这种模式的任何想法？（不包括后面的背景纹理）

Answer 1

没有跨浏览器，但这里是它的要点：

background-color: gray; /* Fallback */
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);

取自CSS3 模式库。根据需要进行调整。