CSS padding 属性详解：设置元素内边距 - 完整指南

CSS 的 'padding' 属性用于设置元素的内边距，即元素内容与元素边框之间的距离。'padding' 可以设置四个值，分别对应上、右、下、左四个方向的内边距，也可以设置两个值，分别对应上下和左右两个方向的内边距，还可以设置一个值，表示四个方向的内边距都相同。'padding' 的值可以是一个长度值，也可以是一个百分比值。例如：

padding: 20px; /* 四个方向的内边距都为 20 像素 */
padding: 10px 20px; /* 上下方向的内边距为 10 像素，左右方向的内边距为 20 像素 */
padding: 10px 20px 30px 40px; /* 上、右、下、左四个方向的内边距分别为 10、20、30、40 像素 */
padding: 5% 10%; /* 上下方向的内边距为 5% 元素宽度，左右方向的内边距为 10% 元素宽度 */

同时，'padding' 属性还可以使用缩写方式，用一个值表示四个方向的内边距，用两个值表示上下和左右方向的内边距，用三个值表示上、左右、下三个方向的内边距，例如：

padding: 10px; /* 四个方向的内边距都为 10 像素 */
padding: 10px 20px; /* 上下方向的内边距为 10 像素，左右方向的内边距为 20 像素 */
padding: 10px 20px 30px; /* 上、左右、下三个方向的内边距分别为 10、20、30 像素 */