如何设置CSS内边距

html-css0173

如何设置CSS内边距,第1张

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:

h1 {padding: 10px 0.25em 2ex 20%

也通过使用下面四个单独的属性,分别设置上、右、下、左内边距:

padding简写属性。作用是在一个声明中设置元素的所内边距属性。

padding-bottom设置元素的下内边距。

padding-left设置元素的左内边距。

padding-right设置元素的右内边距。

padding-top设置元素的上内边距。

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