Html CSS线性渐变显示为不同颜色的交替线

我试图得到一个2种颜色的线性渐变，但它不起作用，而是向我展示了图像中不同颜色的交替线条

我正在使用这个css

body{ background: linear-gradient(white, rgb(221,221,221));}

---

这是完整的

只需添加高度：768px在css中

---

只需添加高度：768px在css中

---

只需添加高度：768px在css中

---

只需添加高度：768px在css中

只需添加：

html, body {
    height: 100%;
}

而且会起作用

只需添加：

html, body {
    height: 100%;
}

而且会起作用

只需添加：

html, body {
    height: 100%;
}

而且会起作用

只需添加：

html, body {
    height: 100%;
}

而且会起作用

---

---

您可能想要使用这样的工具：您可能想要使用这样的工具：您可能想要使用这样的工具：您可能想要使用这样的工具：如果页面高度超过768px，会发生什么？定义高度。如果没有定义，则正文正在拆分。如果页面高度超过768px，会发生什么情况？定义高度。如果没有定义，则正文正在拆分。如果页面高度超过768px，会发生什么情况？定义高度。如果没有定义，则正文正在拆分。如果页面高度超过768px，会发生什么情况？定义高度。或者身体正在分裂，如果你没有定义。高度：100%不起作用。至少不在是的，它是有效的，我想你把它放在body上，应该是

html，body

而不仅仅是body。我放了一个JSFIDLE。好的，是的，是的。但是为什么我需要将html和body放在一起呢？还有，我怎样才能去掉底部的空白呢？这里有一个解释：更新的小提琴。在同一个选择器中，可以使用maring和padding删除底部的空白，并将jsfiddle更新为complish.height:100%无效。至少不在是的，它是有效的，我想你把它放在body上，应该是

html，body

而不仅仅是body。我放了一个JSFIDLE。好的，是的，是的。但是为什么我需要将html和body放在一起呢？还有，我怎样才能去掉底部的空白呢？这里有一个解释：更新的小提琴。在同一个选择器中，可以使用maring和padding删除底部的空白，并将jsfiddle更新为complish.height:100%无效。至少不在是的，它是有效的，我想你把它放在body上，应该是

html，body

而不仅仅是body。我放了一个JSFIDLE。好的，是的，是的。但是为什么我需要将html和body放在一起呢？还有，我怎样才能去掉底部的空白呢？这里有一个解释：更新的小提琴。在同一个选择器中，可以使用maring和padding删除底部的空白，并将jsfiddle更新为complish.height:100%无效。至少不在是的，它是有效的，我想你把它放在body上，应该是

html，body

而不仅仅是body。我放了一个JSFIDLE。好的，是的，是的。但是为什么我需要将html和body放在一起呢？还有，我怎样才能去掉底部的空白呢？这里有一个解释：更新的小提琴。可以在同一选择器中使用maring和padding删除底部的空白，并将JSFIDLE更新为complish。