background-image多张图片分别设置图片大小

可以使用background-image中的多个背景图片来实现不同大小的效果。例如，可以按照以下方式设置：

div {
  background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
  background-size: auto 100%, 50% auto, cover;
  background-position: left top, center center, right bottom;
}

上述代码将三个背景图片应用于div元素，并分别设置它们的大小、位置。第一个背景图的宽度自动适应，高度为100%；第二个背景图的高度自动适应，宽度为50%；第三个背景图按比例缩放以填充整个div元素。背景图片的位置分别为左上角、居中、右下角。

相关问题

background-image的图片怎么设置大小

您可以使用 background-size 属性来设置背景图片的大小。例如，您可以使用以下代码将背景图片设置为 50% 的宽度和 100% 的高度：

background-image: url(your-image-url);
background-size: 50% 100%;

您还可以使用 cover 选项将背景图片缩放以适合容器大小，或使用 contain 选项将背景图片缩放以适应容器大小而不裁切图片。例如：

background-image: url(your-image-url);
background-size: cover;

background-image: url(your-image-url);
background-size: contain;

background-image属性 设置不平铺 设置大小

你可以使用background-size属性来设置背景图片的大小，通过设置值为cover或contain来自适应容器大小或以原始大小展示图片。而不平铺可以使用background-repeat属性，将其值设置为no-repeat即可。例如：

background-image: url('your-image-url');
background-size: cover;
background-repeat: no-repeat;