前端入门篇（二十四）盒子模型(1)

padding:20px 50px 10px;

/* 上20px 右30px 下15px 左20px */

padding:20px 30px 15px 25px;

margin: 60px;

background-color: yellow;

}

.box2{

margin: 30px;

border: 1px solid black;

background-color: blue;

}

div {

float: left;

width: 800px;

}

html文件：

div1

div2

效果：

2.inline-block

css文件：

.box1{

border: 1px solid black;

/* 上下左右20px */

padding: 20px;

/* 上下20px 左右50px */

padding:20px 50px;

/* 上20px，左右50px，下10px */

padding:20px 50px 10px;

/* 上20px