CSS中属性Padding的参数个数定义及值的设置

ttx9n · 发表于 2013-2-6 14:02:04

Padding属性在css中的应用已是司空见惯，习以为常了,不过还有许多朋友一直弄不明白padding属性的值的设置，本文整理了一些padding属性相关知识，感兴趣的朋友可以了解下，或许对你有所帮助一直弄不明白padding属性的值的设置
今儿算是弄明白了
例如：

复制代码代码如下:
body { padding: 36px;}
body { padding: 36px 24px; }
body { padding: 36px 24px 18px; }
body { padding: 36px 24px 18px 12px; }

查看了CSS的标准文档，其中是这样规定的：
如果只提供一个，将用于全部的四条边；
如果提供两个，第一个用于上－下，第二个用于左－右；
如果提供三个，第一个用于上，第二个用于左－右，第三个用于下；
如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。

复制代码代码如下:
body { padding: 36px;} //对象四边的补丁边距均为36px
body { padding: 36px 24px; } //上下两边的补丁边距为36px，左右两边的补丁边距为24px
body { padding: 36px 24px 18px; } //上、下两边的补丁边距分别为36px、18px，左右两边的补丁边距为24px
body { padding: 36px 24px 18px 12px; } //上、右、下、左补丁边距分别为36px、24px、18px、12px

wangdj110 · 发表于 2022-9-10 21:16:07

而快乐你们快乐马年快乐

u7yxn9 · 发表于 2022-9-13 14:37:15

554411515451555

gyalp · 发表于 2022-12-16 23:55:12

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

qwe520 · 发表于 2023-1-6 16:59:51

的vgdsvsdvdsvdsvds

z835648964 · 发表于 2023-2-13 04:14:28

啦啦啦啦啦啦哈哈哈

溪谷小兵 · 发表于 2023-2-22 12:54:22

天天源码论坛

64000928 · 发表于 2023-4-23 07:16:50

谢谢下载来看看

Alisaliu · 发表于 2023-9-2 13:57:04

灌灌灌灌水

lba36h7g · 发表于 2024-5-14 12:52:48

撒旦撒旦撒擦擦擦擦

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS中属性Padding的参数个数定义及值的设置

相关帖子