Skip to content

文本颜色

效果

使用工具类 text-* 给元素添加文本颜色。

语义化
Text 文本
text-primary
Text 文本
text-secondary
Text 文本
text-success
Text 文本
text-warning
Text 文本
text-danger
Text 文本
text-important
Text 文本
text-special
主色系列
Text 文本
text-primary-50
Text 文本
text-primary-100
Text 文本
text-primary-200
Text 文本
text-primary-300
Text 文本
text-primary-400
Text 文本
text-primary-500
Text 文本
text-primary-600
Text 文本
text-primary-700
Text 文本
text-primary-800
Text 文本
text-primary-900
Text 文本
text-primary-950
次要系列
Text 文本
text-secondary-50
Text 文本
text-secondary-100
Text 文本
text-secondary-200
Text 文本
text-secondary-300
Text 文本
text-secondary-400
Text 文本
text-secondary-500
Text 文本
text-secondary-600
Text 文本
text-secondary-700
Text 文本
text-secondary-800
Text 文本
text-secondary-900
Text 文本
text-secondary-950
灰度
Text 文本
text-gray-50
Text 文本
text-gray-100
Text 文本
text-gray-200
Text 文本
text-gray-300
Text 文本
text-gray-400
Text 文本
gray
text-gray-500 别名: text-gray
Text 文本
text-gray-600
Text 文本
text-gray-700
Text 文本
text-gray-800
Text 文本
text-gray-900
Text 文本
text-gray-950
界面
Text 文本
text-white
纯白
Text 文本
text-black
纯黑
Text 文本
text-transparent
透明
Text 文本
text-canvas
画布
Text 文本
text-inverse
反色
Text 文本
text-surface-light
加重的控件
Text 文本
text-surface
控件
Text 文本
text-surface-strong
轻量的控件
Text 文本
text-fore
前景色作为背景
Text 文本
text-focus
焦点色作为背景
特殊
Text 文本
text-current
CSS 值 currentColor
Text 文本
text-inherit
CSS 值 inherit

文本颜色透明度

使用工具类 text-opacity-* 给元素设置文本颜色透明度。

Text 文本
text-opacity-0
透明度:0%
Text 文本
text-opacity-5
透明度:5%
Text 文本
text-opacity-10
透明度:10%
Text 文本
text-opacity-20
透明度:20%
Text 文本
text-opacity-25
透明度:25%
Text 文本
text-opacity-30
透明度:30%
Text 文本
text-opacity-40
透明度:40%
Text 文本
text-opacity-50
透明度:60%
Text 文本
text-opacity-60
透明度:60%
Text 文本
text-opacity-70
透明度:70%
Text 文本
text-opacity-75
透明度:75%
Text 文本
text-opacity-80
透明度:80%
Text 文本
text-opacity-90
透明度:90%
Text 文本
text-opacity-95
透明度:95%
Text 文本
text-opacity-100
透明度:0%

MIT License (MIT)