头闻号

博兴县贝利得化工有限公司

农药中间体|医药中间体|其它化工中间体

首页 > 新闻中心 > 科技常识:CSS中属性Padding的参数个数定义及值的设置
科技常识:CSS中属性Padding的参数个数定义及值的设置
发布时间:2023-02-01 09:46:39        浏览次数:5        返回列表

今天小编跟大家讲解下有关CSS中属性Padding的参数个数定义及值的设置 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS中属性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

来源:爱蒂网