css margin-bottom介绍
css margin-bottom用于设置HTML元素之间的下边距，即某一个HTML元素的下边与下一个html元素上边的距离。
注意行内元素是无法设置margin-bottom属性的。
语法：
margin-bottom:值(如10px);
如：
margin-bottom:10px;
表示表示设置该对象下边距离与下一个对象盒子距离为10像素。
margin-bottom取值
margin-bottom的取值可以设置以下四种情况：
| 值 | 描述 |
|---|---|
| auto | 浏览器计算下外边距。 |
| length | 规定以具体单位计的下外边距值，比如像素、厘米等。默认值是 0px。 |
| % | 规定基于父元素的宽度的百分比的下外边距。 |
| inherit | 规定应该从父元素继承下外边距。 |
一般网站开发中，我们建议大家使用像素px作为margin-bottom的单位。
margin-bottom实例
设置一个class为ex1的p元素的下边距与下一个HTML元素的上边距为2cm
<!DOCTYPE html>
<html>
<head>
< >http://www.manongjc.com/article/1262.html</ >
<style>
p.ex1 {margin-bottom:2cm}
</style>
</head>
<body>
<p>A paragraph with no margins specified.</p>
<p class=\"ex1\">A paragraph with a 2cm bottom margin.</p>
<p>A paragraph with no margins specified.</p>
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
SpringBoot开源快速开发框架BootDo
下一篇 :
AI换脸背后的技术攻防战
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程
-
女生“主动”与你分享这3个秘密？520％偷偷喜欢你，臭弟弟冲鸭
2026-05-14栏目： 教程
-
这4类大学专业很吃香，市场人才紧缺，毕业后前景很好！
2026-05-14栏目： 教程