css内边距

/* 示例代码：设置内边距 */

/* 使用 padding 属性为元素设置内边距 */
.box {
  padding: 10px; /* 所有四个方向的内边距都设置为 10px */
}

/* 分别设置上下左右的内边距 */
.box {
  padding-top: 20px;   /* 上边距 */
  padding-right: 15px; /* 右边距 */
  padding-bottom: 25px;/* 下边距 */
  padding-left: 10px;  /* 左边距 */
}

/* 简写方式，按上右下左顺序设置 */
.box {
  padding: 20px 15px 25px 10px;
}

/* 如果上下相同，左右相同 */
.box {
  padding: 20px 15px; /* 上下 20px，左右 15px */
}

/* 如果左右相同 */
.box {
  padding: 10px 20px; /* 上下 10px，左右 20px */
}

解释说明：

• padding 属性用于设置元素内容与边框之间的间距（即内边距）。
• 可以通过 padding 单独设置所有四个方向的内边距，也可以分别设置每个方向的内边距（如 padding-top, padding-right, padding-bottom, padding-left）。
• 简写方式可以更简洁地设置多个方向的内边距，按照上、右、下、左的顺序依次指定值。