CSS 属性：padding
盒子的内边距，位于外边距和边框区域内部，内容区域外部。
使用一个值时，padding 属性可用于指定盒子周围的均匀内边距。使用两个、三个或四个值时，可以独立指定各个边。
可能的值
| 值 | 注意 | 示例 |
|---|---|---|
| [length] | 不应为负值。 | 10px |
| [percentage] | 以包含块宽度的百分比计算。 不应为负值。 | 25% |
inherit | ||
initial | ||
unset | ||
多个值
一个、两个、三个或四个用空格分隔的值
| 值 | 注意 | 示例 |
|---|---|---|
| [值] | [上，右，下，左] | 10px |
| [值] [值] | [上和下] [左和右] | 10px 20px |
| [值] [值] [值] | [上] [右和左] [下] | 10px 20px 30px |
| [值] [值] [值] [值] | [上] [右] [下] [左] | 10px 20px 30px 40px |
示例
#gull { padding: 12px; }
/* Uniform padding of 12px on all four sides */
#swan { padding: 20% 40%; }
/* Top and bottom padding are each 20% of the containing box's width. Left and right padding are each 20% of the containing box's width. */
#tern { padding: 20% inherit 2.5em; }
/* Top padding is 20% of the containing box's width. Left and right padding are inherited. Bottom padding is 2.5em */
#grebe { padding: 10px 20px 30px 40px; }
/* Top padding is 10px. Right padding is 20px. Bottom padding is 30px. Left padding is 40px. */