CSS之盒子（二）

前面我们讲了盒子边框的宽度，样式和颜色，现在我们来聊聊外边距和内边距。

一，内边距（padding）

1.如果已经为一个盒子指定了宽度，那么内边距就会增加到这个盒子的宽度，意思就是盒子会变大。

2.我们也可以按顺时针来设置各个方向的内边距

padding-top

padding-right

padding-bottom

padding-left

3.也可以一次性设置完（要注意方向）：padding：10px 10px 10px 15px;

二，外边距（margin）

1.如果一个盒子的宽度被指定了，那么外边距就回增加到这个盒子的宽度。

2.

margin-top

margin-right

margin-bottom

margin-left

3.也可以快捷方式

margin:1px 2px 3px 1px;

4.也有这样的

margin:10px 15px

表示左右外边距都为10px，上下外边距都为15px