调用CSS中margin属性定义网页边距

这里向大家描述一下如何使用margin属性定义网页边距,当需要使用CSS中的margin属性分别定义网页的顶、右、底、左时,用法有2种,具体内容请看下文详细介绍。

创新互联专业成都网站制作、网站设计,集网站策划、网站设计、网站制作于一体,网站seo、网站优化、网站营销、软文推广等专业人才根据搜索规律编程设计,让网站在运行后,在搜索中有好的表现,专业设计制作为您带来效益的网站!让网站建设为您创造效益。

用CSS中的margin属性定义网页边距

当他们要分别定义网页的顶、右、底、左时,用法有2种,他们分别为:

  margin:top-value、right-value、bottom-value、left-value;(顺序是固定的上右下左,顺时针。)

 
 
 
  1.   margin-top:value;  
  2.  
  3.   margin-right:value;  
  4.  
  5.   margin-bottom:value;  
  6.  
  7.   margin-left:value;  

  当他们定义的网页顶、右、底、左边距是等同时,用这种方法:
  
margin:value;

  例如:margin:10px20px20px40px;这个说明网页的上右下左边距分别为10、20、20、40.
  或者也可以写成这样:

 
 
 
  1.   margin-top:10px;  
  2.  
  3.   margin-right:20px;  
  4.  
  5.   margin-bottom:20px;  
  6.  
  7.   margin-left:40px;  
  8.  

效果是一样的。

一般常用举例:  

 
 
 
  1.  
  2.    
  3.    
  4.   
 
  •   
  •  
  •   
  •  
  •    
  •   上面的代码就是我们经常用到的DIV+CSS做的网站让他的头部和导航之间有5px的高度。

    【编辑推荐】

    1. Chroma属性实现CSS滤镜透明效果
    2. CSS Sprites图片切割术与图片优化
    3. CSS中margin:0auto;无法居中解决方法
    4. CSS规范化命名通用命名规则
    5. CSS分栏布局的两种方法:绝对定位和浮动

    新闻标题:调用CSS中margin属性定义网页边距
    标题网址:http://www.hantingmc.com/qtweb/news24/485324.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    网站制作知识

    各行业网站