10.2 盒子模型之外边距margin

讲完盒子模型之后,我们说一说外边距

CSS Margin(外边距)

CSS Margin (外边距)属性定义元素周围的空间。

CSS Margin 属性接受任何长度单位、百分数值甚至负值。

Margin

margin 清除周围的元素(外边框)的区域。margin 没有背景颜色,是完全透明的

margin 可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。

可能的值:

说明
auto 设置浏览器边距。这样做的结果会依赖于浏览器
length 定义一个固定的margin(使用像素,pt,em等)
% 定义一个使用百分比的边距

Margin 可以使用负值,重叠的内容。

我们拿一个案例,简单学一下它的语法。

简单完成下面的案例:[图片素材可以自己随意取]

本教程会出电子书,后续敬请期待。

↓↓↓学完本课,快来写博客整理你的学习笔记吧。

相关课程推荐

本文版权归71muke所有,如果有错漏欢迎留言指正。如需转载需71muke授权。联系方式:330168885@qq.com
TOP