Tailwind CSS 边框颜色

此类接受 Tailwind CSS 中的多个值，其中所有属性都以类形式覆盖。它是 CSS 边框颜色属性的替代品。该类用于指定元素的边框颜色。

边框颜色类：

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

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

句法：

...

例子：

HTML

 
 
     
 
  
 
    
 
        GeeksforGeeks 
    
 
    Tailwind CSS Border 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 
    
   
    
 
 
  

输出：