如何制作CSS背景网格线

Question

---

背景有四行。它们在整个部分中可见，但在图像上不可见。

怎么做？

Answer 1

就这么简单

body{
  background: linear-gradient(90deg, #eee 1%, transparent 1%) 1px 0, #fff;
  background-size: 200px 1px;
}

演示：https : //codepen.io/anon/pen/VMzwNw

可以使用此站点生成这些以及许多其他背景-> http://lea.verou.me/css3patterns/#stairs