📜  Tailwind CSS 分色

📅  最后修改于: 2021-09-01 02:54:59             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以为任何分隔线着色。在 CSS 中,我们通过使用 CSS Color 属性来做到这一点。

划分颜色类别:

  • 分割透明:分割颜色将是透明的。
  • 划分当前:划分颜色将取决于父元素颜色。
  • 划分黑色:划分颜色将为黑色。
  • divide-white:划分颜色为白色。
  • divide-gray-50:分隔颜色为灰色。
  • divide-red-50:分隔颜色为红色。
  • divide-blue-50:分隔颜色为蓝色。
  • divide-indigo-50:分隔颜色为靛蓝色。
  • divide-purple-50:分隔颜色为紫色。
  • divide-green-50:分隔颜色为绿色。
  • divide-yellow-50:分隔颜色为黄色。
  • divide-pink-50:分隔颜色为粉红色。

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

句法:

...

示例:本示例涵盖了所有可能的类,您可以更改颜色值以使其对比度更高、更饱满或更淡。

HTML
 
 
 
     
 
  
 
    

      GeeksforGeeks      

      Tailwind CSS Divide Color Class      
        
                                     
1.GeeksforGeeks
            
A Computer Science Portal
            
For Geeks
        
        
         
                                    
2.GeeksforGeeks
            
A Computer Science Portal
            
For Geeks
        
        
         
                                      
3.GeeksforGeeks
            
A Computer Science Portal
            
For Geeks
        
    
 


输出:

分色类