要设置CSS外边距（Margin），只需在CSS样式表中为元素指定margin属性，该属性用于控制元素周围的空间大小，无需任何多余内容，只需指定四个值：上、右、下、左，使用margin: 10px 20px;可以设置元素上下外边距为10像素，左右外边距为20像素，通过这种方式，可以轻松调整元素之间的间距和元素与周围空间的关系。
CSS外边距是什么？
在网页设计中,CSS外边距（Margin）是指元素边框与相邻元素之间的空间距离，通过设置外边距，我们可以控制元素在页面上的位置和间距，从而实现页面的布局和美观。
如何设置CSS外边距？
在CSS中,我们可以通过margin属性来设置元素的外边距，margin属性是一个简写属性，可以设置元素四个方向的外边距，其基本语法格式如下：
margin: margin-top margin-right margin-bottom margin-left;
每个参数分别表示上、右、下、左四个方向的外边距，我们也可以分别设置各个方向的外边距，例如只设置上下外边距或者只设置左右外边距等。
具体设置方法
使用像素值设置外边距
我们可以使用像素值来设置外边距的大小,以下代码将元素的上外边距设置为10像素：
margin-top: 10px;
使用百分比值设置外边距
除了像素值,我们还可以使用百分比值来设置外边距，百分比值是基于父元素的宽度来计算的，以下代码将元素的上外边距设置为父元素宽度的20%：
margin-top: 20%;
同时设置多个方向的外边距
我们也可以同时设置多个方向的外边距,以下代码将元素的上、右、下外边距都设置为15像素，左外边距设置为20像素：
margin: 15px 15px 15px 20px;
注意事项
- 外边距是透明的,不会遮挡元素的内容，如果需要遮挡内容，可以使用内边距（Padding）或边框（Border）。
- 外边距的大小会影响元素的布局和位置,因此需要根据实际需求进行合理设置，过大或过小的外边距都可能影响页面的美观和用户体验。
- 在使用百分比值设置外边距时,需要注意父元素的宽度是否已经定义或是否会变化，否则可能会导致外边距的计算不准确。
通过合理设置CSS外边距,我们可以更好地控制元素的布局和间距，从而实现页面的美观和用户体验的优化。
