HTML中的边距（Margin）是指元素与其周围元素之间的距离。它可以帮助我们控制页面元素之间的间距和布局。在本文中，我们将深入了解HTML边距的用法和怎样控制它。
Margin属性
Margin属性控制元素的外边距。Margin属性有四个值可以设置：上、右、下和左。这些值可以使用一种、两种、三种或四种组合进行设置，具体取决于需要与元素周围元素之间留多少空间。
This is a div element with a margin of 10 pixels on all sides.
This is a div element with margins of different sizes on each side.
在上面的代码示例中，第一个div元素的margin属性设置为10px，这意味着该元素的顶部、右侧、底部和左侧都有10px的边距。而第二个div元素的每个方向的外边距都不同，并且可以通过分别设置margin-top、margin-right、margin-bottom和margin-left属性来实现。
默认情况下，所有元素的外边距都是0px。可以使用CSS重置全局的外边距，如下所示：
* {
margin: 0;
}
这会将所有元素的外边距重置为零。但是，请注意，这可能会影响到一些元素的布局。
Padding属性
Padding属性控制元素的内边距。内边距指的是元素的内容与边框之间的空间。和Margin属性一样，它也有四个值：上、右、下和左。同样，这些值也可以使用单个值、两个值、三个值或四个值组合在一起进行设置。
This is a div element with a padding of 10 pixels on all sides.
This is a div element with different padding sizes on each side.
在上面的示例中，第一个div元素的padding属性设置为10px，这意味着该元素的顶部、右侧、底部和左侧都有10px的内边距。而第二个div元素的每个方向的内边距都不同，并且可以通过分别设置padding-top、padding-right、padding-bottom和padding-left属性来实现。
在HTML中，边距（Margin）和内边距（Padding）是控制元素之间空间的重要CSS属性。可以使用这些属性来控制元素周围的空间，使网页看起来更整洁、更有条理。同时，这些属性也可以和其他CSS属性一起使用来实现更复杂的布局。
希望本文对您有所帮助！