顺风 CSS 填充

此类接受 tailwind CSS 中的许多值，其中所有属性都包含在类形式中。它是 CSS 填充属性的替代方案。此类用于在任何定义的边框内围绕元素创建空间。我们可以为各个侧面（顶部、右侧、底部、左侧）设置不同的填充。添加边框属性以实现填充属性很重要。有很多用于填充的 CSS 属性，例如 CSS padding-top 、 CSS padding-bottom 、 CSS padding-right 、 CSS padding-left等。

填充类：

• p-0：该类用于定义所有边的填充。
• py-0：该类用于定义y轴上的填充，即padding-top和padding-bottom 。
• px-0：此类用于定义 x 轴上的填充，即padding-left和padding-right 。
• pt-0：该类专门用于在顶部添加填充。
• pr-0：这个类专门用来在右边添加padding。
• pb-0：这个类专门用来在底部添加padding。
• pl-0：该类专门用于在左侧添加填充。

注意：您可以使用有效的“rem”值更改数字“0”。

p-0：该类用于定义所有边的填充。

句法：

...

例子：

输出：

py-0：这个类用来定义y轴上的padding，意思是padding-top和padding-bottom 。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：

px-0：该类用于定义 x 轴上的 padding 表示padding-left和padding-right 。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：

pt-0：该类专门用于在顶部添加填充。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：

pr-0：这个类专门用来在右边添加padding。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：

pb-0：这个类专门用来在底部添加padding。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：

pl-0：这个类专门用来在左边添加padding。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Padding Class 
    

    

        

              
        
    
    
 
  

输出：