边框四大要素：边框宽度、边框顏色、边框样式、边框方向

border-边框方向:边框宽度 边框颜色 边框样式 属性值之间有空格隔开并且属性值不顺序要求

• 边框宽度：可以使用合法嘚尺寸单位：px（推荐使用），emrem。注意：不能使用百分比
• 边框颜色：可以使用颜色名、16进制颜色值、rgb颜色值（推荐使用）、rgba颜色值
• 四个方姠设置一样的边框就是省去边框方向

• 圆角方向：通过垂直和水平方向可以表示一个角（方向1：上下、方向2：左右）
• 圆角半径：水平半径、垂直半径
• 当圆角半径设置成一个值时，那么另一个值和第一个值一样
• 当使用%设置半径时半径的值是元素宽度或高度的百分比

border–radius:左上角囷右下角 右上角和左下角

• 值1：水平阴影位置，必须正值时，阴影在右负值时，阴影在左
• 值2：垂直阴影位置必须。正值时阴影在下，负值时阴影在上
• 值3：阴影模糊距离，可选值
• 值4：阴影尺寸可选值
• 值5：阴影颜色，合法颜色值可选，默认黑色

outline:边框宽度、边框颜色、边框样式

• 轮廓会加在边框之外如input标签在获得焦点时，显示在边框的颜色样式