📜  Tailwind CSS 背景大小

📅  最后修改于: 2021-08-30 09:46:20             🧑  作者: Mango

这个类在顺风 CSS 中接受多个值。所有属性都以类形式覆盖。它是 CSS background-size 属性的替代品。该类用于设置背景图片的大小。

背景尺寸类:

  • BG-汽车
  • bg-cover
  • BG-包含

bg-auto:用于将 background-size 类设置为其默认值。它用于将背景图像显示为其原始大小。

句法:

...

例子:

HTML
 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Background Size Space Class      
      
    
       
   


HTML
 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Background Size Space Class      
      
    
       
   


HTML
 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Background Size Space Class      
      
    
       
   


输出:

bg-cover:用于调整背景图像的大小以覆盖整个容器元素。

句法:

...

例子:

HTML

 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Background Size Space Class      
      
    
       
   

输出:

bg-contain:用于通过收缩将背景图片包含在容器内。

句法:

...

例子:

HTML

 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Background Size Space Class      
      
    
       
   

输出: