前面我们讲了盒子边框的宽度,样式和颜色,现在我们来聊聊外边距和内边距。
一,内边距(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