CSS盒子模型-内边距(padding)

html-css016

CSS盒子模型-内边距(padding),第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值之后:

您好,要使下边框border左边有距离右边顶对齐,首先要在CSS中使用margin属性,margin属性可以让您控制元素的外边距,以便让元素与其他元素保持一定的距离。您可以使用margin-right属性来设置元素右边的边距,以便让元素与右边的元素保持一定的距离。例如,您可以使用以下代码来设置border左边的距离:

border-left: 200px

margin-right: 200px

这样,border左边就会有200px的距离,而右边的元素也会有200px的距离