Tailwind CSS 背景图像

这个类在顺风 CSS 中接受多个值。所有属性都以类形式覆盖。它是 CSS background-image 属性的替代品。此类用于为元素设置一个或多个背景图像。默认情况下，它将图像放置在左上角。要指定两个或更多图像，请用逗号分隔 URL。

背景图像类：

• bg-none：此类用于不设置任何linear-gradient 。
• bg-gradient-to-t：这个类用来设置线性渐变到顶部。
• bg-gradient-to-tr：这个类用来设置线性渐变到右上角。
• bg-gradient-to-r：该类用于设置线性渐变为右侧。
• bg-gradient-to-br：这个类用来设置线性渐变到右下角。
• bg-gradient-to-b：这个类用来设置线性渐变到底部。
• bg-gradient-to-bl：这个类用来设置线性渐变到左下角。
• bg-gradient-to-l：该类用于设置线性梯度向左。
• bg-gradient-to-tl：这个类用来设置线性渐变到左上角。

句法：

...

例子：

HTML

 
 
 
     
 
  
 
    
 
    GeeksforGeeks 
    
 
    Tailwind CSS Background Image Class 
    

    

    
    

    
    

    
    

    
    

    
    

    
    

    
 

输出：

Tailwind CSS 背景图片