31、CSS 呈现：内边距与边框的运用

CSS 呈现：内边距与边框的运用

1. 内边距（Padding）

内边距是指内容区域与边框（或未指定边框时边框所在的位置）之间的空间。在使用背景颜色或边框时，给元素添加一点内边距会很有帮助，它能为内容提供一些空间，避免边框或背景边缘与文本直接接触。

1.1 内边距属性

可以为任何元素（块级元素或内联元素）的各个边添加内边距。有单独设置各边内边距的属性，也有一次性设置所有边内边距的简写属性。
- 单独属性 ：
- padding-top
- padding-right
- padding-bottom
- padding-left
这些属性的值可以是长度单位、百分比、 auto 或 inherit ，默认值为 auto ，适用于所有元素，且不继承。
示例代码：

blockquote { 
  padding-top: 1em;
  padding-right: 3em;
  padding-bottom: 1em;
  padding-left: 3em;
  background-color: #D098D4;
}

• 简写属性 ： padding
  同样，其值可以是