css的margin-left怎么使用

这篇文章主要介绍“css的margin-left怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css的margin-left怎么使用”文章能帮助大家解决问题。

成都创新互联公司于2013年创立,是专业互联网技术服务公司,拥有项目网站设计、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元浠水做网站,已为上家服务,为浠水各地企业和个人服务,联系电话:13518219792

一、margin-left语法:

div{margin-left:10px}
设置div对象靠右间距为10px

margin-left的值可跟具体数字+html单位(例子 margin-left:20px);可跟百分百数(例子 margin-left:10% 左外间距10%);可跟auto(例子 margin-left:auto 自动)。

扩展了解:css margin

二、margin-left解释   

此属性是设置对象左侧外间距。

三、margin-left实例 

为了观察到margin-left的效果,我们设置3个div盒子,设置宽度均为130px;float:left;高度120px;边框为1px红色,DIV命名分别为“.创新互联-a”、“.创新互联-b”、“.创新互联-c”

对".创新互联-b"设置margin-left:5px;对".创新互联-c"设置margin-right:10px

1、完成html 源代码如下:

    margin-left实例 www.创新互联.com     
 
 
  

2、margin-left实例截图:

css的margin-left怎么使用

解释:从上图和代码可以看出margin-left是设置对象与对象之间间距距离,设置了对象左侧外间距距离。

关于“css的margin-left怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻标题:css的margin-left怎么使用
分享路径:http://bzwzjz.com/article/ihjepe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 响应式网站设计方案 定制网站建设多少钱 重庆网站制作 成都网站建设 梓潼网站设计 H5网站制作 企业网站建设公司 成都网站建设 成都网站建设 成都网站设计 成都网站制作 网站建设公司 成都网站设计 成都网站设计 移动手机网站制作 网站建设改版 成都网站建设 成都网站建设流程 成都网站设计公司 企业网站建设 重庆网站制作 高端网站设计