.边框
围绕着内容和内填充区域的线
1.border-width:边框的宽度 单位:像素 注意:只写一个border-width设置不上边框的宽的,得写上边框的线型 2.border-style:边框的线型 1.solid 单实线 2.double 双实线 3.dashed 条状虚线 4.dotted 点状边框 5.none 没有边框 3.border-color:边框的颜色 1.关键词 2.十六进制色值 3.rgb() 4.rgba() 默认边框的颜色为元素本身的前景色 4.复合写法 例子: border-color: pink; 一个值:四个边框 border-color: pink gold; 两个值:上下边框 左右边框 border-color: pink gold greenyellow; 三个值:上边框 左右边框 下边框 border-color: pink gold greenyellow purple;上边框 右边框 下边框 左边框(顺时针方向) border-width和border-style同样效果 5.单独设置 例子: /* 上边框 */ border-top-width: 50px; border-top-style: solid; border-top-color: yellow; /* 下边框 */ border-bottom-width: 50px; border-bottom-style: dashed; border-bottom-color: brown; 单边框复合写法: border-left: 50px solid cyan; 边框的宽度 边框的线型 边框的颜色 6.边框的复合写法 border:边框的宽度 边框的线型 边框的颜色 border: 100px solid purple; 7.去掉边框 border:0; border:none;