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

Question

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

代码段中的线条当前是垂直的。

此外，我不希望台词重复。

所以图像看起来像这样：

我试过 0deg

到底部也没用。

它应该与底部一起工作，但事实并非如此。

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;
}

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

How to have vertical gradient lines become horizontal?

css

linear-gradients