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://myzitong.com/article/ihjepe.html

其他资讯