📜  Tailwind CSS 文本颜色

📅  最后修改于: 2021-08-29 13:10:17             🧑  作者: Mango

这个类在tailwind CSS中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以为任何文本着色。在 CSS 中,我们通过使用 CSS 颜色属性

文本颜色类:

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

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

句法:

...

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

HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Text 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        

          
    


输出:

CSS 文本颜色