📌  相关文章
📜  CSS | background-image 属性

📅  最后修改于: 2021-09-01 02:30:30             🧑  作者: Mango

background-image属性用于为元素设置一个或多个背景图像。默认情况下，它将图像放置在左上角。要指定两个或更多图像，请用逗号分隔 URL。

句法： 

background-image: url('url')|none|initial|inherit;

属性值：

url(‘url’):当背景图片有一个 URL 时。

  • 句法： 
    background-image: url('url')
  • 示例 1： 
    

  

    background-image property
    

  

    
    GeeksforGeeks
    
    
    background-image:url;
    
    
    
      GeeksforGeeks: 
      A computer science portal for geeks
    
    

  
  • 输出：

none：使用此属性不会显示背景图像，默认情况下

  • 句法： 
    background-image: url('url') none
  • 示例 2： 
    

  

    background-image property
    

  

    
    GeeksforGeeks
    
    
    background-image:url none;
    
    
    
      GeeksforGeeks: 
      A computer science portal for geeks
    
    

  
  • 输出：

初始：将属性设置为其默认值。

  • 句法： 
    background-image: url('url') default
  • 示例 3 
    

  

    CSS background-image property
    

  

    
    
        
    GeeksforGeeks
    
        
    CSS background-image:url initial;
    
    
    
  

  
  • 输出：

支持的浏览器： background-image 属性支持的浏览器如下：

  • 谷歌浏览器 1.0
  • 边缘 4.0
  • 火狐 1.0
  • 歌剧 3.5
  • Safari 1.0