如何在一个div背景中制作嵌套颜色？

Question

如何将多个嵌套颜色（或两种颜色）精确地放入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

祝你好运：）