html中padding和margin属性小记

padding：定义元素边框与元素内容之间的边距

margin：定义元素边框和其他元素之间的边距

代码演示：

运行结果图

在css中加上padding-top:50px;设置后的运行结果图：

在css中加上margin-top:50px;的运行结果图如下：

 

padding和margin属性都可以设置4个值，分别是top  right   left   bottom

(1),如果规定一个值，如.div{padding:50px;}

                ——所有四个边的padding都是50px（margin一样）

(2),如果规定了两个值，如.div{padding:50px 10px;}

               ——上下内边距是50px，左右内边距是10px（margin一样）

(3),如果规定了三个值，如.div{padding:50px 10px 20px;}

               ——上内边距是50px，左右内边距是10px,下内边距是20px（margin一样）

(4),如果规定了四个值，如.div{padding:50px 10px; 20px 30px}

               ——上内边距是50px，右内边距是10px,下内边距是20px,左内边距是30px（margin一样）