Tailwind CSS 背景颜色

此类接受 Tailwind CSS 中的多个值，其中所有属性都以类形式覆盖。它是 CSS background-color 属性的替代品。此类用于指定元素的背景颜色。背景覆盖元素的总大小，带有填充和边框，但不包括边距。它使文本易于用户阅读。

背景颜色类：

• background-transparent：背景颜色将是透明的。
• background-current：背景颜色取决于父元素的颜色。
• background-black：背景颜色为黑色。
• background-white：背景颜色为白色。
• background-gray-50：背景颜色为灰色。
• background-red-50：背景颜色为红色。
• background-blue-50：背景颜色为蓝色。
• background-indigo-50：背景颜色为靛蓝色。
• background-purple-50：背景颜色为紫色。
• background-green-50：背景颜色为绿色。
• background-yellow-50：背景颜色为黄色。
• background-pink-50：背景颜色为粉红色。

注意：颜色的值可以根据您的需要从 50-900 更改，跨度应为 100，在 100 之后。

句法：

...

例子：

HTML

    

 

    

        GeeksforGeeks
    
    Tailwind CSS Background Color Class
    

         
       

         A Computer Science Portal for Geeks
       
 
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
       

         A Computer Science Portal for Geeks
       
 
    

 

输出：

背景色类