CSS 中的 margin 是一个属性,用于设置元素周围的空间,以控制元素之间的间距,创建视觉分离。margin 的属性值包括 margin-top、margin-right、margin-bottom、margin-left,分别代表元素四个方向的边距,可使用不同单位设置。使用 margin 时,注意元素的实际宽度,它不会影响元素的实际大小,只影响其位置。

CSS 中的 margin
什么是 margin?
margin 是 CSS 中的一个属性,用于设置元素周围的空间,也就是元素与其他元素或容器之间的距离。
作用:
立即学习“前端免费学习笔记(深入)”;
margin 用于控制元素之间的间距,创建视觉分离,提高页面布局的可读性和美观性。
属性值:
margin 可以指定四个值,分别代表元素四个方向的边距:
思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播,是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信,所以要在微信上体验才更好。关注我们的微信核心功能:1、自动提示用户关注微信,解决一般程序无关注微信公众号的过程2、只要通过链接进一次,不过好久注册,什么方面注册,只要是用微信注册的,都会算
- margin-top: 上边距
- margin-right: 右边距
- margin-bottom: 下边距
- margin-left: 左边距
用法:
margin 可以通过以下方式设置:
/* 内联样式 */段落文本
/* 外部样式表 */ p { margin: 10px; } /* 缩写形式 */ p { margin: 10px 20px 10px 15px; /* 上右下左 */ }
单位:
margin 的单位可以使用 px、em、rem、% 等常见 CSS 长度单位。
继承:
margin 不会被继承,这意味着子元素不会从父元素继承其 margin 值。
提示:
- 使用 margin 之前,最好先清除所有默认值,可以使用
margin: 0;。 - 在使用 margin 时要注意元素的实际宽度,因为它会影响页面的布局。
- margin 不会影响元素的实际大小,只影响其位置。









