css padding样式

时间:2023-04-23 19:57:12

CSS padding 属性用于设置元素的内边距(padding)。内边距是元素内容与元素边框之间的空间。可以通过指定一个、两个、三个或四个值来设置 padding 属性。

以下是不同用法的示例:

/* 四个值分别设置上、右、下、左的内边距 */
div {
padding: 10px 20px 30px 40px;
}

/* 三个值分别设置上、左右、下的内边距 */
div {
padding: 10px 20px 30px;
}

/* 两个值分别设置上下、左右的内边距 */
div {
padding: 10px 20px;
}

/* 一个值设置所有方向的内边距 */
div {
padding: 10px;
}

您还可以使用 padding-top、padding-right、padding-bottom 和 padding-left 属性单独设置各个方向的内边距,例如:

div {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
}

默认情况下,padding 属性为 0。内边距的值可以是任何长度单位,例如像素(px)、百分比(%)、视口宽度单位(vw)等等。

相关词 padding