CSS中使用margin属性定义网页边距
创始人
2024-07-11 05:30:48
0次

本文和大家重点讨论一下CSS中如何使用margin属性定义网页边距,margin属性包括margin-top,margin-right,margin-bottom,margin-left等。

CSS中margin属性定义网页边距

margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin。

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

margin:top-valueright-valuebottom-valueleft-value;(顺序是固定的上右下左,顺时针。) 

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

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

margin:value;

例如:margin:10px20px20px40px;这个说明网页的上右下左边距分别为10、20、20、40.

或者也可以写成这样:

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

效果是一样的。

一般常用举例:

  1.  
  2.  
  3.  
 
  •  
  •  
  •  

    上面的代码就是我们经常用到的div+css做的网站让他的头部和导航之间有5px的高度。
     

    【编辑推荐】

    1. margin-top属性的语法和特征
    2. IE6.0对padding的解读分析
    3. CSS margin 属性定义和用法
    4. CSS中margin-top和margin-bottom属性使用说明
    5. 技术分享 如何使用CSS控制超链接文字样式

     

     

    相关内容

    热门资讯

    PHP新手之PHP入门 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的...
    网络中立的未来 网络中立性是什... 《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则,即不考虑来源地提供所有内容和应用的...
    各种千兆交换机的数据接口类型详... 千兆交换机有很多值得学习的地方,这里我们主要介绍各种千兆交换机的数据接口类型,作为局域网的主要连接设...
    粉嫩如何诠释霸道 东芝M805... “霸道粉”是个什么玩意东芝M805拿过来的时候,笔者扑哧笑了,不是笑这款笔记本,而是笑这款产品的颜色...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    什么是大数据安全 什么是大数据... 在《为什么需要大数据安全分析》一文中,我们已经阐述了一个重要观点,即:安全要素信息呈现出大数据的特征...
    全面诠释网络负载均衡 负载均衡的出现大大缓解了服务器的压力,更是有效的利用了资源,提高了效率。那么我们现在来说一下网络负载...
    只需三步,让你掌握阿尔法路由器... 请参照以下阿尔法路由器设置方法,通过浏览器进入及设置宽带路由器。经过这三个步骤的设置,基本上能够熟悉...
    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    30分钟搞定iOS自定义相机 最近公司的项目中用到了相机,由于不用系统的相机,UI给的相机切图,必须自定义才可以。就花时间简单研究...