2021-11-29 盒子模型

盒子模型的组成

边框（border）

• border-style solid 实线边框、dashed 虚线边框 dotted 点线边框

边框的复合写法

• borderL:1px solid red ;(没有顺序)

• border-top/left/right/bottom

内边距（padding）

• padding：5px 10px; 代表上下内边距是5像素 左右是10像素；

• padding:5px 10px 20px; 代表上内边距5 左右10像素 下为20像素；

• 内容和边框有了距离，添加了内边距

• padding影响了盒子实际大小