这篇文章主要介绍“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实例截图:

解释:从上图和代码可以看出margin-left是设置对象与对象之间间距距离,设置了对象左侧外间距距离。
关于“css的margin-left怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
当前标题:css的margin-left怎么使用
URL网址:http://www.pengzhouwz.cn/article/ihjepe.html
其他资讯
- Vue2.x中利用@font-size引入字体图标报错的解决方法-创新互联
- em13cc如何添加不在支持序列系统的agent监控-创新互联
- 自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale的示例分析
- golang中怎么实现slice排序
- 怎么用cmd强制删除文件夹
- 怎么安装mysql绿色版 mysql绿色版安装教程5728
- SAP系统跨法人发货的简单介绍
- 怎么删除mysql8 怎么删除抖音私信聊天记录
- 离岸云是什么(如何实现海外云服务器的高可用性?)
- 无限制高扮演!谁说Linux代码量不可观?(linux代码量)


咨询
建站咨询
