Tailwind CSS 环偏移颜色

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

戒指颜色类别：

• 环偏移–透明：环偏移颜色将是透明的。
• 环偏移–当前：环偏移颜色将取决于父元素颜色。
• 环偏移–黑色：环偏移颜色将为黑色。
• 环偏移–白色：环偏移颜色将为白色。
• ring-offset – gray-50：环偏移颜色为灰色。
• ring-offset – red-50：环偏移颜色为红色。
• ring-offset – blue-50：环偏移颜色为蓝色。
• ring-offset – indigo-50：环偏移颜色为靛蓝色。
• ring-offset – Purple-50：环偏移颜色为紫色。
• ring-offset – green-50：环偏移颜色为绿色。
• ring-offset – yellow-50：环偏移颜色为黄色。
• ring-offset – pink-50：环偏移颜色为粉红色。

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

句法：

...

例子：

HTML

 
 
 
     
 
  
 
    
 
        GeeksforGeeks 
    
 
      
    Tailwind CSS Ring Offset Color Class 
      
    

        
            ring-offset-4 ring-offset-green-700
        
        
            ring-offset-4 ring-offset-yellow-700    
        
    
 

注意：目前浏览器不支持 Tailwind CSS Ring Width，所以对于输出，我分享输出的链接(Tailwind CSS Playground)

环偏移