padding属性有四个值:
padding: 上 右 下 左;
其中,每个值可以使用特定的单位进行定义,例如:
padding: 10px; /* 上下左右均为10px */ padding: 10px 5px; /* 上下为10px,左右为5px */ padding: 10px 5px 15px; /* 上为10px,左右为5px,下为15px */ padding: 10px 5px 15px 20px; /* 上为10px,右为5px,下为15px,左为20px */
注意,定义padding值时,不同的值之间用空格隔开,而非逗号。另外,也可使用百分比或em单位进行定义。
对于某些元素,在默认情况下会有一些默认的padding值。
p { padding: 10px; /* 默认情况下,段落元素的上下左右均为10px */ }
当然,大家也可以通过设置padding值为0来去除默认的padding效果。
p { padding: 0; /* 去除段落元素的默认padding效果 */ }
padding属性还有一个值得注意的细节:如果元素有背景色或边框,padding值会对其有直接影响。例如,当大家对一个元素设置padding时,元素的背景色或边框会在padding的区域内延续。
总之,padding是CSS中一个非常重要的属性,它可以帮助大家控制元素内部空间的大小,进而影响到元素的布局。