css中内边距和外边距是什么意思?

html-css012

css中内边距和外边距是什么意思?,第1张

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

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值之后: