CSS设置元素内边距（padding）、外边距（margin）

在CSS中，可以通过padding属性设置元素的内边距，通过margin属性设置元素的外边距。

/* 设置元素内边距 */
.element {
  padding-top: 10px;    /* 上内边距 */
  padding-right: 15px;  /* 右内边距 */
  padding-bottom: 5px;  /* 下内边距 */
  padding-left: 20px;   /* 左内边距 */
  
  /* 可以同时设置四个方向的内边距 */
  padding: 10px 15px 5px 20px; /* 上, 右, 下, 左 */
  
  /* 或者可以简写为 */
  padding: 10px 15px 5px; /* 上, 左右, 下 */
  
  /* 或者如果左右内边距相同，可以只写一个值 */
  padding: 10px 15px; /* 上下，左右 */
  
  /* 所有四个方向的内边距相同时 */
  padding: 10px; /* 四面内边距都是10px */
}
 
/* 设置元素外边距 */
.element {
  margin-top: 10px;    /* 上外边距 */
  margin-right: 15px;  /* 右外边距 */
  margin-bottom: 5px;  /* 下外边距 */
  margin-left: 20px;   /* 左外边距 */
  
  /* 可以同时设置四个方向的外边距 */
  margin: 10px 15px 5px 20px; /* 上, 右, 下, 左 */
  
  /* 或者可以简写为 */
  margin: 10px 15px 5px; /* 上, 左右, 下 */
  
  /* 或者如果左右外边距相同，可以只写一个值 */
  margin: 10px 15px; /* 上下，左右 */
  
  /* 所有四个方向的外边距相同时 */
  margin: 10px; /* 四面外边距都是10px */
}

以上代码展示了如何使用CSS属性padding和margin来分别设置元素的内边距和外边距。可以指定具体的值（如px或em），或者使用%根据包含它的容器的宽度来设置相对外边距。