【说站】css外边距margin是什么
2024-11-30
12
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>
以上就是css外边距margin的介绍,希望对大家有所帮助。更多css学习指路:css教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
更新于:4天前赞一波!2
相关文章
- 【说站】css中flex-basis的使用
- 【说站】css flex的排列方式
- 【说站】css Flexbox布局的介绍
- 【说站】css Flex容器属性有哪些
- 【说站】css中Grid模块是什么
- 【说站】css设置行间距的方法
- 【说站】css Flex容器如何理解
- 【说站】css padding内边距的理解
- 【说站】css clamp()函数是什么
- 【说站】css中Min()函数如何使用
- 【说站】css如何使用scale()方法进行缩放
- 【说站】css设置行间距的三种方法
- 【说站】css line-height属性是什么
- 【说站】css点击元素变更颜色的方法
- 【说站】css max函数调整字体
- 【说站】CSS中有哪些定位的方式
- 【说站】css中svg图片无法显示怎么办?
- 【说站】CSS鼠标跟随的原理
- 【说站】css中margin是什么?怎么设置?
- 【说站】css中删除input输入框的阴影
文章评论
评论问答