更新时间:2022-08-09 来源:黑马程序员 浏览量:

在网页设计中,为了调整内容在盒子中的显示位置,常常需要给标记设置内边距,所谓内边距是指标记内容与边框之间的距离,也称内填充,内填充不会影响标记内容的大小。在CSS中padding属性用于设置内边距,同边框属性border一样,padding也是一个复合属性,其相关设置方法如下。
padding-top:上内边距。
padding-right: 右内边距。
padding-bottom:下内边距。
padding-left:左内边距。
padding:上内边距[右内边距 下内边距 左内边距]。
在上面的设置中,padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父标记(或浏览器)宽度的百分比%,实际工作中最常用的是像素值(px),像素值不允许使用负值。
L同边框相关属性一样,使用padding属性定义内边距时,必须按顺时针顺序采用值复制,一个值为四边、两个值为上下/左右,三个值为上/左右/下。
注意:如果设置内外边距为百分比,则不论上下或左右的内外边距,都是相对于父标记宽度width的百分比,伴随父标记width的变化而变化,和高度height无关。
全国13城校区全覆盖|黑马程序员AI大模型开发(Python),就近学习、全国就业
2026-04-08黑马程序员AI大模型开发(Python)|大厂共建+实战赋能,学完即具备企业项目能力
2026-04-08黑马程序员AI大模型开发(Python)|5阶段体系化教学,从入门到精通全覆盖
2026-04-08黑马程序员AI大模型开发(Python)|培养企业应用型人才,适配行业核心需求
2026-04-08黑马程序员AI智能应用开发|上市品牌背书,大厂联合研发,打造AI复合型人才
2026-04-08全国13城校区全覆盖|黑马程序员AI智能应用开发,就近学、就近就业
2026-04-08