理解内边距的作用

内边距是CSS中一个重要的属性，它定义了元素边框与内容之间的空间。合理设置内边距可以使页面布局更加美观，一边也能提升用户体验。

内边距的设置方法

内边距可以通过CSS属性直接设置。

padding-top: 设置顶部内边距。

padding-right: 设置右侧内边距。

padding-left: 设置左侧内边距。

内边距的简写属性

内边距也可以使用简写属性一次性设置所有四个方向的值， 格式为：padding: 上 左 右 下；或者使用单值设置所有四个方向，格式为：padding: 值；

内边距与元素尺寸的关系

需要注意的是设置内边距后元素的宽度和高度会相应增加。所以呢，在设置内边距时应适当调整元素的宽度和高度，以确保布局正确。

案例：使用内边距改善布局

内边距的百分比值

内边距的值也可以使用百分比。此时百分比是相对于父元素的宽度来计算的。这意味着，如果父元素的宽度是200px，那么10%的内边距将是20px。

内边距的负值

内边距的值也可以是负数。使用负值可以使内容超出边框，这在某些情况下可能很有用。

内边距是CSS中一个重要的属性，它可以帮助我们更好地控制布局。通过合理设置内边距，可以使页面布局更加美观，一边也能提升用户体验。

---