CSS中设置元素间距的常用方法和技巧

CSS是一种用于样式化网页的语言，它提供了丰富的选项来控制元素之间的距离和布局。本文将介绍CSS中设置元素间距的常用方法和技巧，并附上相应的源代码示例。

1. 使用margin属性设置外边距
   margin属性用于设置元素的外边距，它控制元素与周围元素之间的距离。可以通过设置margin的值来调整上下左右四个方向的外边距。例如，下面的代码将设置一个元素的上外边距为10像素，右外边距为20像素，下外边距为30像素，左外边距为40像素。

   .example {
        
        
     margin: 10px 20px 30px 40px;
   }
   ```
   
   

2. 使用padding属性设置内边距
   padding属性用于设置元素的内边距，它控制元素内容与元素边界之间的距离。可以通过设置padding的值来调整上下左右四个方向的内边距。例如，下面的代码将设置一个元素的上内边距为10像素，右内边距为20像素，下内边距为30像素，左内边距为40像素。