设置div边距

 设置边距

设置外边距：
margin-top: 20px;
/*margin-right: 30px;
margin-bottom: 40px;
margin-left: 30px;*/

/*margin:20px;只有一个值，同时设置四个方向的值*/
/*margin:0 20px;两个值，第一个值是上下（x轴）,第二个值是左右（y轴）*/
/*margin:20px 30px 40px;三个值，三个值分别是上  左右  下*/
/*margin: 0 0 0 20px;四个值分别是:上  右  下  左*/

设置内边距：与设置外边距一样

padding-top: 20px;
padding-right: 30px;
padding-bottom: 40px;
padding-left: 30px;

padding:20px;只有一个值，同时设置四个方向的值*/
padding:0 20px;两个值，第一个值是上下（x轴）,第二个值是左右（y轴）*/
padding:20px 30px 40px;三个值，三个值分别是上  左右  下*/
padding: 0 0 0 20px;四个值分别是:上  右  下  左*/

padding和margin的区别:当盒子没有宽高时padding可以叠加到盒子的宽高中,而margin不行,除非盒子有内容

盒子正真的宽度=本身的宽度+左边距+右边距+左边框+右边框;
盒子正真的高度=本身的高度+上边距+下边距+上边框+下边框;