css - 盒子模型padding

设置盒子中元素的内边距:

上边距 padding-top:10px;
下边距 padding-bottom:10px;
左边距 padding-left:10px;
右边距 padding-right:10px;

复合写法:
上下左右边距 padding:10px;
上下,左右边距 padding:10px 10px;
上,下,左,右边距 padding:10px 10px 10px 10px;
auto 浏览器计算内边距。
length 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。
% 规定基于父元素的宽度的百分比的内边距。

注意:

盒子设置了宽度和高度时,设置内边距会影响盒子实际的大小

盒子没有设置宽度与高度时,设置内边距不会影响盒子实际的大小

posted on 2022-03-26 00:21  每天积极向上  阅读(94)  评论(0编辑  收藏  举报

导航