CSS background-image: 如何设置不同图层的大小

使用 'background-size' 属性可以为不同的背景图层设置不同的尺寸。'background-size' 属性可以接受多个值，每个值对应一个背景图层。

例如，假设有两个背景图层，分别为背景图片和背景颜色：

div {
  background-image: url('bg-image.jpg'), linear-gradient(to right, red, blue);
  background-size: cover 50%; /* 第一个值为背景图片的大小，第二个值为背景颜色的大小 */
}

上面的代码中，背景图片的大小为 'cover'（即铺满整个区域），背景颜色的大小为 50%（即宽度为容器的 50%）。可以根据需要自行调整大小的具体数值。