给元素添加背景色样式,突出或强调信息,实际应用中建议修改为自主定义的颜色。
默认
主色
辅助色
背景色
融合色
点缀色
黑色
灰色
白色
当使用的背景色为深色时,内部文字需要用白色文本,则加上.bg-inverse,实现文字颜色的处理。
无反色处理
反色处理
提示背景包含红、黄、蓝、绿四种,分别表示危险、警告、主要、成功三种信号。
危险
警告
主要
成功
淡红-危险
淡黄-警告
淡蓝-主要
淡绿-成功
边框大小分为默认(1px)、无边框(none)、小边框.border-little(2px)、中边框.border-middle(3px)、大边框.boder-big(5px)、超大边框.border-large(10px)。
边框所在的上、右、下、左及左右、上下位置。
边框的样式,如虚线(.border-dashed)、点(.border-dotted)、双线(.border-double)、内凹(.border-inset)、外凸(.border-outset)等边框效果。
大小、位置、样式三种样式可以组合使用,调配成想要的效果。
添加圆角.radius,小圆角.radius-small,大圆角.radius-big,圆.radius-circle样式,可以使背景或边框圆角化。
添加阴影.box-shadow,小阴影.box-shadow-small,大阴影.box-shadow-big,无阴影.box-shadow-none 可覆盖原有阴影样式。