css - 如何在一个 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

祝你好运 ：）