CSS |背景重复属性

CSS 中的background-repeat 属性用于水平和垂直重复背景图像。它还决定是否重复背景图像。

句法

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|
inherit;

属性值

重复：此属性用于水平和垂直重复背景图像。如果最后一张图片不适合浏览器窗口，则将对其进行剪裁。

• 句法：

  element {
      background-repeat: repeat;
  }

• 例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  background-repeat: repeat;
      
                      
  

• 输出：
  

repeat-x：该属性用于水平重复背景图像。

• 句法：

  element {
      background-repeat: repeat-x;
  }

• 例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  background-repeat: repeat-x;
      
                      
  

• 输出：
  

repeat-y：该属性用于设置背景图像仅垂直重复。

• 句法：

  element {
      background-repeat: repeat-y;
  }

• 例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  background-repeat: repeat-y;
      
                      
  

• 输出：
  

no-repeat：此属性不重复背景图像。它只显示一次背景图像。

• 句法：

  element {
      background-image: no-repeat;
  }

• 例子：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  background-repeat: no-repeat;
      
                      
  

• 输出：
  

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

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧 3.5
• 苹果 Safari 1.0