css中margin什么意思-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

css中margin是一个简写属性，该属性在一个声明中可以设置所有外边距属性；这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

本文操作环境：Windows7系统、css3版、Dell G3电脑。

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

例子 1

1	`margin:10px 5px 15px 20px;`

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

例子 2

1	`margin:10px 5px 15px;`

上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px

例子 3

1	`margin:10px 5px;`

上外边距和下外边距是 10px

右外边距和左外边距是 5px

例子 4

1	`margin:10px;`

所有 4 个外边距都是 10px

推荐学习：《css视频教程》

以上就是css中margin什么意思的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者