margin改为padding为内边距,用法与margin相同
.box1{
background-color: green;
/* 上下左右外边距 */
margin: 50px;
/* 上下50左右100外边距 */
margin: 50px 100px;
/* 上50下200左右100外边距 */
margin: 50px 100px 200px;
/* 上50下200左右100外边距 */
margin: 50px 100px 200px 400px;
margin-top: 20px;
margin-left: 30px;
margin-right: 40px;
margin-bottom: 100px;
}
.box2{
background-color: blue;
/* 垂直方向盒子边距取最大值 */
/* 水平方向两个盒子外边距会进行合并处理,大小取其和 */
margin-top: 100px;
}