用 JavaScript 创建渐变色背景

以下是用 JavaScript 和 CSS 实现的渐变色背景示例：

HTML 代码：

<div class='gradient-bg'></div>

CSS 代码：

.gradient-bg {
  height: 300px;
  width: 100%;
  background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
}

这会创建一个高度为 300px，宽度为 100% 的 div 元素，并设置渐变色背景。`linear-gradient` 函数指定了渐变的方向，这里是从左到右。每一种颜色都用一个逗号分隔，这样就可以创建一个渐变色序列。在这个例子中，我们使用七种颜色来创建一个彩虹渐变。您可以根据需要自定义颜色和渐变方向。