(精)CSS 盒模型.pptVIP

五、边界（margin） 第八章　盒模型 1. 边界 margin 区域在边框之内。 margin 区域不应用背景。 margin-top margin-bottom margin-right margin-left 可以单独设置上、右、下、左边界的大小。 margin-top: 2px; margin-right: 4px; margin-bottom: 6px; margin-left: 8px; 2. 设置边界的大小 也可以同时设置4个方向边界的大小。 margin: 2px 4px 6px 8px; /*上，右，下，左*/ margin: 2px 4px 6px; /*上，左右，下 */ margin: 2px 4px; /*上下，左右*/ margin: 2px; /*上下左右*/ 2. 设置边界的大小（续） 当两个元素的垂直边界相遇时，它们将发生重叠。 3. 垂直边界重叠 content content margin-top: 30px; margin-bottom: 20px; 理论上 content content margin-top: 30px; 实际上 边界重叠，形成一个边界。 #box1, #box2 { height: 100px; width: 100px; border