6.边框border

边框border https://www.cnblogs.com/weibo806/p/8023431.html

// 宽度为5px的红色实现类型的边框
//         粗细 类型  颜色    
border:5px solid red;
// 针对某个方向的样式
border-left/-right/-top/-bottom
// 针对某个方向的边框的具体某个值
border-left-width/-style/-color
//边框灰色阴影
box-shadow: 0 4px 9px 4px rgba(0, 0, 0, 0.05);
//边框颜色：
border-color:#000;
//边框厚度（宽度）：
border-width:1px;
//边框样式：
border-style:solid;

none : 　无边框。与任何指定的border-width值无关
hidden : 　隐藏边框。IE不支持
dotted : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线（常用）
dashed : 　在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线（常用）
solid : 　实线边框（常用）
double : 　双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 　根据border-color的值画3D凹槽
ridge : 　根据border-color的值画菱形边框
inset : 　根据border-color的值画3D凹边
outset : 　根据border-color的值画3D凸边

image.png