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一样)