如何使用 CSS 设置多个背景图像？

可以使用 CSS 将元素的多个背景图像放入 HTML 页面中。使用 CSS background 属性为任何模式的元素添加多个背景图像，并使用其他 CSS 属性设置图像的高度和宽度。

下面列出了使用的背景属性：

• 背景图像：url（），url（），...；此属性用于为元素设置一个或多个背景图像，以逗号分隔。
• 背景位置：右下，左上；该属性用于设置不同图像在页面中的位置。它为每个背景图像设置初始位置。
• 背景重复：不重复，重复；此属性用于设置背景图像的重复。背景图像可以沿水平和垂直轴重复。
• 背景尺寸：封面|包含|30%|200px 100px；该属性用于设置元素背景图片的大小。

示例 1：使用单独的背景属性来指定多个背景图像。

  

    

  
 
    

          
        
GeeksforGeeks
          
        
Set Multiple Backgrounds
          
        

            Element contains two background images
        
    

  
                                

输出：

示例 2：使用 background 简写属性来指定多个背景图像。

  

    

  
 
    

          
        
GeeksforGeeks
          
        
Set Multiple Backgrounds
          
        

            Element contains two background images
        
    

  
                    

输出：