試圖使梯度使用框

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循環中創造說用不同的顏色和大小 2-20嵌套師我有義務使用JavaScript與HTML既不也不css文件沒有操縱做... 3-我儘可能快地需要它（學習考試）
任何幫助表示讚賞..

Answer 1

您需要連接字符串與顏色的值。現在你要做的僅僅是字的顏色字符串裏面：

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+")";