本文深入讲解CSS中的框模型，包括内边距(padding)、边框(border)和外边距(margin)的设置方法及特性。解析如何使用这些属性精确控制网页元素的布局，以及外边距合并的概念。
CSS框模规定了元素框处理元素内容、内边距、边框、外边距的方式。
CSS padding属性：定义元素的内边距。（元素的内边距位于边框和内容区之间）
padding-top：上
padding-right：右
padding-bottom：下
padding-left：左
设置元素的内边距。可以使用数值或百分比。
CSS border属性：规定边框的样式、宽度和颜色。（围绕元素内容和内边距的一条或多条线）
border-top
border-right
boder-bottom
border-left
设置边框的样式(border-style)、边框的宽度(border-width)、边框的颜色(border-color)。同时，可以单独设置各个边框的样式、宽度、颜色。
CSS margin属性：设置元素外创建的空白。（围绕元素边框的空白区域）
margin-top
margin-right
margin-bottom
margin-left
设置元素的外边距。可以使用数值或百分比。
CSS外边距的合并是指，当两个垂直外边距相遇时，它们将形成一个外边框。合并后的外边距的高度等于两个发生合并的外边距的高度重较大的一个。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
