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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容