首页前端开发CSSmargin-bottom css对象下外边距

margin-bottom css对象下外边距

时间2024-05-22 04:34:03发布访客分类CSS浏览79
导读:margin-bottom属性css属性格式margin的子属性,配置对象盒子下边距诋毁隔属性。 下边距(下外边距) css margin-bottom—— 设置对象下边距属性,配置对象下外边距隔断,设置装备摆设对象与下一个对象之间隔...

margin-bottom属性css属性格式margin的子属性,配置对象盒子下边距诋毁隔属性。


下边距(下外边距)

css margin-bottom—— 设置对象下边距属性,配置对象下外边距隔断,设置装备摆设对象与下一个对象之间隔断间距属性格式。

一般高下两个盒子例如高低两个div盒子,有一定间距距离,这个时分可以对下面第一个div盒子对象配置margin-bttom即可完成。

1、实例代码





margin-bottom 对象下边距离实例 css5.com.cn

.bo1{
     width:300px;
     height:100px;
     margin-bottom:10px;
 border:1px solid #090}

.bo2{
     width:300px;
     height:100px;
 border:1px solid #00F}
    



对这个div盒子配置margin-bottom值

设置装备摆设两个div盒子,第一个为绿色,第二个蓝色,对第一个绿色(class=bo1)对象设置margin-bottom:10px; 下边外间隔为10px

2、效果截图


div css布局下边距实例成果截图

一般高低结构的盒子要完成间距隔断,一样平常对上边这个盒子对象配置margin-bottom便可实现两个盒子间距。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: margin-bottom css对象下外边距
本文地址: https://pptw.com/jishu/665350.html
如何在CentOS中安装和配置LAMP堆栈 如何在CentOS中安装和配置NTP时间同步服务

游客 回复需填写必要信息