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实例截图:
解释:从上图和代码可以看出margin-left是设置对象与对象之间间距距离,设置了对象左侧外间距距离。
关于“css的margin-left怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
当前题目:css的margin-left怎么使用
文章位置:http://azwzsj.com/article/ihjepe.html