如何在一個div背景中製作嵌套顏色？

Question

我怎樣才能把多個嵌套的顏色（或2種顏色）精確到CSS的div？ 如果可以這樣做，我可以如何指定嵌套形式，作爲每種顏色，位置等的百分比？

我指的是梯度，使這樣一個背景：

Answer 1

你可以做一個50/50的背景，如果這就是你的意思，用梯度，例如：

background: -webkit-gradient(linear, left top, right top, color-stop(50%,#000000), color-stop(50%,#333)); 

還是一個完整的梯度，如：

-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#000ed8)); 

這是非常簡單的，你只需添加開始和結束的顏色。另外，我在上面保存空間，但是如果你想在所有瀏覽器上支持，你當然應該使用-o-linear-gradient，-ms-linear-gradient，linear-gradient。

也有可用的工具來幫助你：

http://www.colorzilla.com/gradient-editor/

Answer 2

可以使用RGB顏色，以選擇一個特定的顏色：

background-color:rgb(255,255,255) 

，並與打值。 你也可以使用顏色代碼：

background-color:#FF0F00 

這就是你如何能達到特定的顏色（這是從兩個不同的組合）。我不知道有什麼方法來嵌套它們。

如果您想了解更多有關的主題，你可以在這裏讀到它： http://www.w3schools.com/cssref/css_colors.asp

祝你好運:)