CSS中margin外边距如何设置，重点有哪些
发布时间：2023-10-17 09:44:34 所属栏目：语言 来源：
导读：这篇文章主要介绍“CSS中margin外边距如何设置，要点有哪些”，有一些人在CSS中margin外边距如何设置，要点有哪些的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这
|
这篇文章主要介绍“CSS中margin外边距如何设置，要点有哪些”，有一些人在CSS中margin外边距如何设置，要点有哪些的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这个方面学习需要的朋友就继续往下看吧。 使用说明 1、用来增加元素间距的，外边距跟边框一样，分为上、右、下、左4个方向的边距。 2、margin可以沿着四个不同的方向(top,right,bottom,left)添加，所以在深入研究示例和用例之前，一定要阐明一些基本概念，这一点非常重要。 实例 <!--设置元素的外边距，是让当前元素和四周的元素产生距离，默认各元素的外边距是0，即两个div是贴合在一起的--> div{ width: 200px; height: 200px; } .box1{ background: red; <!--设置元素box1的下外边距，让box1的下方和box2的上方有20px的距离--> margin-bottom: 20px; <!--如果设置两个值得话，那么第一个值代表上下，第二个值代表左右，padding同理--> //margin-bottom: 20px 50px; <!--用外边距设置元素水平居中，不能垂直居中--> //margin: auto; <!--margin还可以设置负值，使当前元素和另一元素边框合并，或者覆盖另一元素--> //margin-top: -100px; } .box2{ background: blue; } <div><div> <div></div> （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
