css怎么设置多个图片而不是所有图片
时间: 2023-11-04 22:04:28 浏览: 135
你可以使用 CSS 的背景属性来设置多个图片。具体来说,你可以使用 background-image 属性来设置单个图片,然后使用逗号分隔的方式添加多个图片。
以下是一个示例代码:
```css
div {
background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
background-repeat: no-repeat;
background-position: top left, top right, bottom center;
}
```
在上面的代码中,我们给 div 元素添加了三个背景图片,分别是 image1.jpg、image2.jpg 和 image3.jpg。通过使用逗号分隔的方式,我们将它们依次添加到 background-image 属性中。你可以根据需要添加更多的图片。
background-repeat 属性用于控制背景图片是否重复显示,这里我们将其设置为 no-repeat,表示不重复。
background-position 属性用于控制每个背景图片的位置。在上面的示例中,第一个图片位于左上角 (top left),第二个图片位于右上角 (top right),第三个图片位于底部中间 (bottom center)。你可以根据需要调整每个图片的位置。
通过这种方式,你可以设置多个图片作为元素的背景,并且控制每个图片的重复和位置。
阅读全文