Please enable JavaScript.
Coggle requires JavaScript to display documents.
盒模型 - Coggle Diagram
盒模型
border
边框是围绕着内容和内边距的一条边线
border: 宽度 样式 颜色
border： 1px solid red
border-top
border-right
border-bottom
border-left
margin
外边距是指元素边框之外的区域
margin-bottom
margin-right
margin-left
margin-top
margin: 上 右 下 左
margin叠加
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
padding
内边距是指内容和边框之间的区域
padding-left
padding-bottom
padding-right
padding-top
padding: 上 右 下 左 顺时针
方位
left
bottom
right
top
区域
border
padding
margin