CSS--border属性--炫彩边框

border统称为“边框”

完成炫彩边框第一步先了解border有哪些属性?

第一个属性:表示边框粗细,用px(像素)进行定义。   

第二个属性:表示边框类型,solid表示为实线,dashed表示为虚线,dotted表示为点线。

第三个属性:表示边框颜色。

第二步,我们要了解border方向,上,右,下,左


给div盒子添加上,右,下,左边框可以实现炫彩,但是我们可以用少点代码进行编写这div样式


根据div盒子边框border-color 上,右,下,左,按顺时针顺序填充颜色,上面边框border颜色属性就可以不用写了,从而达到简便代码作用,效果如下:


你可能感兴趣的:(CSS--border属性--炫彩边框)