CSS padding 属性的取值及应用

CSS padding 属性是指元素内边距，它可以让元素的内容距离元素的边框保持一定的距离，从而形成一个空间。它的取值有：

• padding-top：控制元素上边距的大小；
• padding-right：控制元素右边距的大小；
• padding-bottom：控制元素下边距的大小；
• padding-left：控制元素左边距的大小；
• padding：控制元素四边距的大小，可以设置1个值（所有边距相同）、2个值（上下边距相同、左右边距相同）、3个值（上边距、左右边距相同、下边距）、4个值（上、右、下、左边距）；

CSS padding 属性的应用主要有两个：

• 1. 使用 padding 属性可以设置元素内容的边距，从而形成一个空间，以便于元素内文字等内容有一定的间距；
• 2. 使用 padding 属性可以让元素的内容与边框保持一定的距离，从而使元素的整体外观更加美观。

使用 CSS padding 属性的方法也非常简单：

• 1. 在 HTML 文件中，为元素添加 class 属性；
• 2. 在 CSS 文件中，使用 padding 属性设置元素的内边距；
• 3. 重新加载 HTML 文件，即可看到 padding 属性的效果。

例如，我们可以使用以下代码来设置元素的内边距：

  这是一个 div 元素


.box {
  padding: px;
}

以上代码中，我们为 div 元素添加了 class 属性，并且在 CSS 文件中使用 padding 属性设置了元素的内边距，即 div 元素的内容与边框之间的距离为 px。

CSS padding 属性的取值及应用非常简单，只需要在 HTML 文件中为元素添加 class 属性，在 CSS 文件中使用 padding 属性设置元素的内边距，即可达到控制元素内容与边框之间的距离，使元素的外观更加美观。