javascript - 尝试使用盒子制作渐变

Question

我需要知道如何为我的背景颜色指定一些可变参数？？
我正在尝试使用 JavaScript，我想制作这个形状:

我知道参数， 我的方法是采用初始分区，在其上附加一个较小尺寸和不同背景颜色的子分区。 然而，为了让它工作，我需要使用它:box[i].style.backgroundColor = "rgb(255-10*i, 255-10*i, 255-10*i)"

这没有用，我被告知 rgb 只接受整数参数，所以我尝试这样做:

color = 255-10*i;
box[i].style.backgroundColor = "rgb(color,color,color)";

这导致了同样的错误。知道如何进行吗？ 注意:1-我在 for 循环中使用该代码来创建 20 个具有不同颜色和大小的嵌套分区 2-我有义务使用 javascript 来完成它，既不对 html 也不对 css 文件进行任何操作...... 3- 我需要尽快(准备考试)
任何帮助表示赞赏..

Answer 1

您需要将字符串与颜色值连接起来。现在你只是在创建一个字符串，里面有颜色这个词:

color = 255-10*i;
box[i].style.backgroundColor = "rgb(" + color + "," + color + "," + color + ")";