css中padding是什么意思

html-css025

css中padding是什么意思,第1张

CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

(1)padding-left:10px左内边距

(2)padding-right:10px右内边距

(3)padding-top:10px上内边距

(4)padding-bottom:10px下内边距

(5)padding:10px四边统一内边距

(6)padding:10px 20px上下、左右内边距

(7)padding:10px 20px 30px上、左右、下内边距

(8)padding:10px 20px 30px 40px上、右、下、左内边距

padding属性用于设置内边距,即边框与内容之间的距离。

值的个数 /表达意思

padding:5px 1个值,代表上下左右都有5像素内边距;

padding:5px 10px 2个值,代表上下内边距是5像素 左右内边距是10像素;

padding:5px 10px 20px3个值,代表上内边距5像素,左右内边距10像素,下内边距20像素;

padding:5px 10px 20px 30px 4个值,上是5像素,右是10像素,下是20像素,左是30像素,顺时针。

以上4种情况,实际开发都会遇到。

给指定盒子添加padding值之后: