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建立一个真正交互的...
    网络中立的未来 网络中立性是什... 《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则,即不考虑来源地提供所有内容和应用的...
    各种千兆交换机的数据接口类型详... 千兆交换机有很多值得学习的地方,这里我们主要介绍各种千兆交换机的数据接口类型,作为局域网的主要连接设...
    什么是大数据安全 什么是大数据... 在《为什么需要大数据安全分析》一文中,我们已经阐述了一个重要观点,即:安全要素信息呈现出大数据的特征...
    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
    Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
    范例解读VB.NET获取环境变... VB.NET编程语言的使用范围非常广泛,可以帮助开发人员处理各种程序中的需求,而且还能对移动设备进行...
    规避非法攻击 用好路由器远程管... 单位在市区不同位置设立了科技服务点,每一个服务点的员工都通过宽带路由器进行共享上网,和单位网络保持联...