如何让垂直渐变线变为水平？

Question

如何让这些垂直线变成水平线？ https://jsfiddle.net/0b7qydhv/

在 sn-p 中，行当前是垂直的。

另外，我不希望这些台词重复。

所以图像看起来像这样：

我试着做0度

到底部也没有用。

它应该与底部一起使用，但它不是。

body {
   background: linear-gradient(to right, white 0, white 72px, red 72px, red 74px, white 74px, white 108px, red 108px, red 110px, white 110px, white 144px, red 144px, red 146px, white 146px, white 180px, red 180px, red 182px, white 182px, white 216px, red 216px, red 218px, white 218px, white 252px, red 252px, red 254px, white 254px, white 288px, red 288px, red 290px, white 290px, white 360px);
}

Answer 1

试试这个。

body {
  background-image: linear-gradient(to bottom, red 1px, white 1px);
  background-size: 72px 72px;
}