border统称为“边框”
完成炫彩边框第一步先了解border有哪些属性？
第一个属性：表示边框粗细，用px(像素)进行定义。
第二个属性：表示边框类型，solid表示为实线，dashed表示为虚线，dotted表示为点线。
第三个属性：表示边框颜色。
第二步，我们要了解border方向，上，右，下，左
给div盒子添加上，右，下，左边框可以实现炫彩，但是我们可以用少点代码进行编写这div样式
根据div盒子边框border-color 上，右，下，左，按顺时针顺序填充颜色，上面边框border颜色属性就可以不用写了，从而达到简便代码作用，效果如下：
