本文共 780 字，大约阅读时间需要 2 分钟。

CSS margin(外边距)属性是CSS中的一个重要布局属性，用于在元素周围设置外边距。外边距决定了元素之间的间隙，可以显著影响页面的布局和元素的显示位置。

外边距与内边距不同，外边距是指元素边缘到页面或其他元素边缘的距离。margin属性可以通过指定单独的边缘值（如margin-top、margin-bottom等）或使用简写形式来设置。支持的取值包括auto（浏览器自适应）、length（固定长度）和%（百分比长度）。

以下是margin属性的具体用法：

• margin-top: 100px;
• margin-bottom: 100px;
• margin-right: 50px;
• margin-left: 50px;

2. 简写形式：
• 使用margin:可以同时设置四个方向的边距，这大大简化了代码。
• 可以传1到4个长度值：
  • margin: 25px 50px 75px 100px; // 上、右、下、左四个方向
  • margin: 25px 50px 75px; // 上、右、下三个方向
  • margin: 25px 50px; // 上下、左右两个方向
  • margin: 25px; // 所有四个方向均为25px

注意：margin值可以为负数，允许重叠布局。但需谨慎使用，否则可能导致布局错乱。

margin的作用还体现在布局中的元素位置调整上，合理设置外边距可以优化元素之间的间距，确保元素不会重叠或过于拥挤。

常见的边距属性包括：

• margin-top：设置元素的上外边距
• margin-bottom：设置元素的下外边距
• margin-left：设置元素的左外边距
• margin-right：设置元素的右外边距
• margin：简写形式设置上述四个属性

这些属性对于网页设计师来说至关重要，合理配置外边距可以显著提升网页的视觉效果和用户体验。

转载地址：http://wtupz.baihongyu.com/