CSS中的填充是什么？

在CSS中，填充（Padding）是指在元素边框内部与元素内容之间的距离。填充可以用于控制元素内容与元素边框之间的距离，改变元素大小与位置，以及增强元素的可读性。

语法

在CSS中，填充可以通过padding属性进行设置。padding属性可以接受一个、两个、三个或四个值，具体取决于需要填充的方向。

/* 用一个值来设置填充 */
padding: 20px;

/* 用两个值来设置填充（上下和左右分别设置） */
padding: 10px 20px;

/* 用三个值来设置填充（上，左右，下分别设置） */
padding: 10px 20px 30px;

/* 用四个值来设置填充（上，右，下，左分别设置） */
padding: 10px 20px 30px 40px;

示例

在下面的代码中，我们使用padding属性来控制段落与其边框之间的距离。

<p class="container">这是一个段落。</p>

.container {
  border: 1px solid black;
  padding: 20px;
}

上述代码将会让段落有一个黑色的边框，并且与这个边框之间有20像素的填充。

总结

填充（Padding）是CSS中一个非常常用的属性，它可以用于调整元素的大小与位置，增强元素的可读性，同时也可以控制元素与其边框之间的距离。记住，填充是指在元素边框内部与元素内容之间的距离。