您现在的位置是:首页 > Javascript
当前栏目
css外边距margin是什么
2023-03-15 23:13:01 时间
使用说明
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电脑。
相关文章
- 谷歌工程师概述了 Angular 的下一步计划
- 共码未来丨行业伙伴畅谈 “多端触达”,展望全球技术生态
- 前端比较简单,不需要架构?
- 看完就知道,你之前的微服务是怎么玩垮的了……
- Spring Boot 实现跨域的五种方式,总有一种适合你
- 在阿里做前端程序员,我是这样规划的
- 系统成功率99.99%+,美团CI/CD流水线引擎演进实践
- 分布式链路追踪Jaeger + 微服务Pig在Rainbond上的实践分享
- React:我们即将和后端 API 告别?
- 驱动页面性能优化的三个有效策略
- HarmonyOS自定义组件之仿微信朋友圈主页
- HDC技术分论坛:HarmonyOS新一代UI框架的全面解读
- 十个 Web 日志安全性分析工具
- 鸿蒙开源第三方组件—SwipeCaptcha_ohos2.0滑动拼图验证组件
- HarmonyOS 基础之 UI组件 (二)
- 微软承认新闻小组件存在 Bug,发布 Windows 10 周二累积更新 KB5006670:包含多项改进
- HarmonyOS自定义权限组件--你真的弄懂了权限控制了吗?
- 经典Windows组件大更新!全新Windows 11记事本曝光
- 解锁Windows 11更新带来的四大办公新姿势
- HarmonyOS基础之PageSlider和PageFlipper