Html CSS梯度重复

我刚刚完成了Django教程，在那里我建立了一个电子商务网站，所以我对HTML和CSS非常陌生，但我已经做了一段时间Python，所以这不是问题所在。所以我决定在网站上有一个随机的背景颜色。我可以很容易地用JavaScript编辑CSS值，但这看起来很可怕。所以我决定用CSS渐变做一个随机背景，因为这看起来很酷，我希望我的网站上有一个随机的颜色样式。以下是文章：

我在HTML文件顶部和结尾的面板后面有一个body标记

这是我的CSS：

body{
    background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,0,0,1));
}

以下是该网站的图片：

由于某种原因，它会自我复制/重复，而我自己无法理解这一点。我曾经尝试过创建一个DIV并将其命名为class:grad1，然后从CSS文件中的body标记中复制它，但这只是做了同样的事情。 提前感谢：

您需要添加背景重复：无重复以阻止背景重复

身体{ 背景图像：顶部线性渐变，rgba255,0,0,0，rgba255,0,0,1； 背景重复：无重复； 高度：100vh；/*添加以更好地显示渐变*/ }添加背景重复：无重复