CSS中的`padding`属性用于设置元素的内边距。这意味着它定义了元素内容和其边界之间的空间。`padding`决定了元素内边距的上、右、下、左四个方向的长度。这使得您能够增加或减少对元素的额外空间。这是设计布局时特别有用的特性,特别是在制作网页和设计响应式界面时。
语法:
```css
padding: value; /* 只设置所有方向的内边距 */
padding: value value; /* 设置上下和左右内边距 */
padding: value value value; /* 设置上、左右和下内边距 */
padding: value value value value; /* 分别设置上、右、下、左内边距 */
```
例如:
* `padding: 10px;` 会为元素的所有四个方向设置内边距为10像素。
* `padding: 10px 20px;` 会设置元素的上部和下部内边距为10像素,左右内边距为20像素。这种简写可以确保您的代码更简洁。此外,您可以使用单位如 `em`, `%`, `rem`, 等等。您还可以组合使用这些单位以获得不同的效果。例如,`padding: 1em 2%;` 会使用相对单位来定义内边距。这样,内边距的大小会根据不同的情境或用户环境自动调整大小。