我可以在CSS3中应用多种背景颜色吗？

一尘不染

css

我知道如何使用CSS3指定多个背景图片并使用不同的选项修改它们的显示方式。

目前，我有一个<div>，它需要在左侧宽度的30％处使用不同的颜色：

div#content {
  background: url("./gray.png") repeat-y, white;
  background-size: 30%;
}

而不是加载完全为灰色的图像，我该如何指定颜色而又没有其他<div>s？

阅读 270

2020-05-16

共1个答案

一尘不染

您真的不能—背景颜色完全适用于元素背景。保持简单。

您可以改为为背景定义带有锐利颜色边界的CSS渐变，例如

background: -webkit-linear-gradient(left, grey, grey 30%, white 30%, white);

2020-05-16