在CSS中，我们可以为元素设置一个背景图。但是，有时候我们需要同时设置多个背景图。这时候，我们可以使用CSS的多背景图属性。
要设置多个背景图，我们可以使用background-image属性。不过，我们将不仅仅设置一张图片，而是可以设置一个由多个值组成的列表。
例如，以下代码设置了三个背景图：
background-image: url(bg1.jpg), url(bg2.jpg), url(bg3.jpg);
这样，元素就会显示三张背景图，分别是bg1.jpg、bg2.jpg和bg3.jpg。
不过，这些背景图的顺序并不一定是如此。默认情况下，元素会先显示第一个背景图，然后是第二个，依此类推。但是，我们可以通过设置background-position属性来控制每个背景图的位置。
以下代码指定第一个背景图位于左上角，第二个背景图位于右下角，第三个背景图水平居中并位于底部：
background-image: url(bg1.jpg), url(bg2.jpg), url(bg3.jpg);
background-position: top left, bottom right, center bottom;
总之，要使用多背景图，我们只需要将多个背景图链接到一个属性中，然后通过background-position属性控制它们的位置。
文章说明:
本文原创发布于探乎站长论坛，未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。
