【CSS】盒子模型-边框-内外边距-外边距合并-清除内外边距-圆角边框-盒子阴影-文字阴影

1. 盒子模型（Box Model）组成

• border 边框
• content 内容
• padding 内边距
• margin 外边距

2. 边框 border

border:border-width: 5px;  /*定义边框粗细，单位是px*/
border:border-style: solid;  /*边框的样式 solid 实线边框 dashed 虚线边框 dotted 点线边框*/ 0
border:border-color: red;  /*边框的颜色*/
border:5px solid red; /*简写，没有顺序*/

边框可以分开写（四个）

border-top:5px solid red; /*只设定上边框*/
border-bottom:5px solid red; /*只设定下边框*/

表格的细线边框

border-collapse:collapse; /* 表示相邻边框合并在一起*/

边框会影响盒子的实际大小

3. 内边距 padding

内容到边框的距离

padding-left