Tailwind CSS 背景剪辑

此类接受 Tailwind CSS 中的多个值，其中所有属性都以类形式覆盖。它是 CSS background-clip 属性的替代品。此属性用于定义如何在元素内扩展背景(颜色或图像)。

背景剪辑类：

• bg-clip-border：该类用于设置整个分区的背景颜色。
• bg-clip-padding：该类用于设置边框内的背景。
• bg-clip-content：该类仅用于为内容设置背景颜色。
• bg-clip-text：此类用于裁剪元素的背景以匹配文本的形状。对于希望通过文本可见背景图像的效果很有用。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS 
    
        Background Clip Class
        
     
    

        

        
        

              
        
        

              
        
    
 
  

输出：