CSS设置内外边距

在CSS中，可以使用margin和padding属性来设置元素的内外边距。

• margin定义了元素外部的空间。
• padding定义了元素内容和边界之间的空间。

CSS代码示例：

/* 设置所有元素的内外边距为0 */
* {
  margin: 0;
  padding: 0;
}
 
/* 设置特定类名的元素外边距为10px */
.element-class {
  margin: 10px;
}
 
/* 设置特定类名的元素内边距为20px */
.element-class {
  padding: 20px;
}
 
/* 分别设置元素的上、右、下、左外边距 */
.element-class {
  margin: 10px 20px 30px 40px;
}
 
/* 分别设置元素的上、右、下、左内边距 */
.element-class {
  padding: 10px 20px 30px 40px;
}
 
/* 单独设置元素的上外边距 */
.element-class {
  margin-top: 10px;
}
 
/* 单独设置元素的右外边距 */
.element-class {
  margin-right: 20px;
}
 
/* 单独设置元素的下外边距 */
.element-class {
  margin-bottom: 30px;
}
 
/* 单独设置元素的左外边距 */
.element-class {
  margin-left: 40px;
}
 
/* 单独设置元素的上内边距 */
.element-class {
  padding-top: 10px;
}
 
/* 单独设置元素的右内边距 */
.element-class {
  padding-right: 20px;
}
 
/* 单独设置元素的下内边距 */
.element-class {
  padding-bottom: 30px;
}
 
/* 单独设置元素的左内边距 */
.element-class {
  padding-left: 40px;
}

以上代码展示了如何使用CSS设置元素的内外边距，你可以根据实际需求选择适合的方式。