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

【问题标题】：How to make nested colors in one div background?如何在一个 div 背景中制作嵌套颜色？
【发布时间】：2013-10-24 13:24:41
【问题描述】：

如何将多个嵌套颜色（或精确的 2 种颜色）放入 css 中的 div？如果可以这样做，我如何指定嵌套形式，作为每种颜色、位置等的百分比？

我的意思是渐变，制作这样的背景：

【问题讨论】：

你能解释一下嵌套是什么意思吗？你能举例说明你想要达到什么效果吗？有什么理由不能使用嵌套 div 并为每个 div 分配不同的背景颜色？为什么要在同一个 div 上同时使用两种颜色？
colorzilla.com/gradient-editor

【解决方案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）。

还有一些工具可以帮助您：

【讨论】：

【解决方案2】：

您可以使用 RGB 颜色来选择一种特定颜色：

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

并玩弄价值观。你也可以使用颜色代码：

background-color:#FF0F00

这就是您可以达到特定颜色的方法（由两种不同的颜色组合而成）。我不知道有什么方法可以嵌套它们。

如果您想了解有关该主题的更多信息，可以在此处阅读： http://www.w3schools.com/cssref/css_colors.asp

祝你好运:)

【讨论】：