背景色

效果

使用工具类 bg-* 给元素添加背景色。

语义化

bg-primary

bg-secondary

bg-success

bg-warning

bg-danger

bg-important

bg-special

主色系列

bg-primary-50

bg-primary-100

bg-primary-200

bg-primary-300

bg-primary-400

bg-primary-500

bg-primary-600

bg-primary-700

bg-primary-800

bg-primary-900

bg-primary-950

次要系列

bg-secondary-50

bg-secondary-100

bg-secondary-200

bg-secondary-300

bg-secondary-400

bg-secondary-500

bg-secondary-600

bg-secondary-700

bg-secondary-800

bg-secondary-900

bg-secondary-950

灰度

bg-gray-50

bg-gray-100

bg-gray-200

bg-gray-300

bg-gray-400

gray

bg-gray-500 别名: bg-gray

bg-gray-600

bg-gray-700

bg-gray-800

bg-gray-900

bg-gray-950

界面

bg-white

纯白

bg-black

纯黑

bg-transparent

透明

bg-canvas

画布

bg-inverse

反色

bg-surface-light

加重的控件

bg-surface

控件

bg-surface-strong

轻量的控件

bg-fore

前景色作为背景

bg-focus

焦点色作为背景

特殊

bg-current

CSS 值 currentColor

bg-inherit

CSS 值 inherit

bg-none

无背景

背景色透明度

使用工具类 bg-opacity-* 给元素设置背景色透明度。

bg-opacity-0

透明度：0%

bg-opacity-5

透明度：5%

bg-opacity-10

透明度：10%

bg-opacity-20

透明度：20%

bg-opacity-25

透明度：25%

bg-opacity-30

透明度：30%

bg-opacity-40

透明度：40%

bg-opacity-50

透明度：60%

bg-opacity-60

透明度：60%

bg-opacity-70

透明度：70%

bg-opacity-75

透明度：75%

bg-opacity-80

透明度：80%

bg-opacity-90

透明度：90%

bg-opacity-95

透明度：95%

bg-opacity-100

透明度：0%