边框 border

ColorUI设定了类名来控制边框，部分组件也有对应参数来控制边框，实际上也是通过类名来控制。

为达到高分屏更细的边框，ColorUI采用的是伪元素定位的方案。有时候没有显示边框，请检查块的定位以及溢出情况。

普通边框

.border/.border-{direction}

四周全边框

顶部边框

右边边框

底部边框

左边边框

粗边框

.borders/.borders-{direction}

四周全粗边框

顶部粗边框

右边粗边框

底部粗边框

左边粗边框

虚线边框

.dashed/.dashed-{direction}

四周全虚线边框

顶部虚线边框

右边虚线边框

底部虚线边框

左边虚线边框

粗虚线边框

.dasheds/.dasheds-{direction}

四周全粗虚线边框

顶部粗虚线边框

右边粗虚线边框

底部粗虚线边框

左边粗虚线边框

边框颜色

.border.border-{color} .borders.border-{color} .dashed.border-{color} .dasheds.border-{color}

红色边框

蓝色边框

橙色虚线边框

主颜色边框

动感边框

.{border}-shine .dasheds-shine .dashed-shine.border-blue

粗虚线边框动画

蓝色虚线边框动画