文章目录
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