多個(gè)圖CSS怎么做

在CSS中，我們可以使用多種方法來處理多個(gè)圖片，以下是一些常見的方法：

1、使用CSS的background-image屬性，可以為元素添加多個(gè)背景圖片。

div {
  background-image: url(image1.png), url(image2.png), url(image3.png);
  background-position: left, right, center;
}

在這個(gè)例子中，我們?yōu)?code>div元素添加了三個(gè)背景圖片，并指定了它們的位置。

2、使用CSS的content屬性，可以生成多個(gè)圖片。

div::before {
  content: url(image1.png) url(image2.png) url(image3.png);
}

在這個(gè)例子中，我們使用偽元素::before生成了三個(gè)圖片。

3、使用CSS的list-style-image屬性，可以為列表項(xiàng)添加多個(gè)圖片。

ul {
  list-style-image: url(image1.png), url(image2.png), url(image3.png);
}

在這個(gè)例子中，我們?yōu)榱斜眄?xiàng)添加了三個(gè)圖片。

需要注意的是，不同的方法適用于不同的場景，具體使用哪種方法需要根據(jù)實(shí)際情況來決定，由于CSS的兼容性問題，某些方法可能在不同瀏覽器中的表現(xiàn)有所不同，因此在使用時(shí)需要注意測試兼容性。