试图用盒子做渐变

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的字符串：

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

Answer 2

您将变量作为字符串传递

box[i].style.backgroundColor = "rgb(color,color,color)";

应该是

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