教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 网页设计 >> CSS样式 >> CSS样式表从门到精通-“容器”属性:边距属性 RSS订阅
CSS样式表从门到精通-“容器”属性:边距属性
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
   4、“容器”属性

  边距属性

  听起来是不是很有趣,什么叫“容器”属性呢?

    和font属性一样,表中的四个属性可以用一个属性一次。边距顺序是上、右、下、左。我们还是用定义边距属性前后的两个例子来看一下吧。请看下面的这幅图: 

  
请添加描述


  我们看到上图是没有加上边距属性的效果,而下图则在中加入了如下代码:

  body{margin:1em 2em 3em 4em}

    //*定义文本的上、右、下、左的边距分别为1、2、3、4em*//

  产生的效果如下图所示:  

  
请添加描述


    定义了边距后的页面,无论您怎么改变窗口的大小,它都会按照您定义好的边距样式显示。

  如果在margin里有缺失的属性,则按照顺序依次排列。比如:

  body{margin:1em 3em} 上面这段代码的含义是:body的上、右边距为1、3em。

    下一节我将向您介绍填充距属性。

来源:编程技术-十度教育
作者:
关键字:“容器”属性,边距属性
发表日期:2006-10-18 10:55:34

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:CSS样式表从门到精通-“容器”属性:图文混排   下一篇:CSS样式表从门到精通-文本属性 :装饰超链接


本文的相类似文章
  • CSS样式表从门到精通-“容器”属性:定义间距
  • CSS样式表从门到精通-“容器”属性:边距属性
  • CSS样式表从门到精通-“容器”属性:图文混排
  • CSS样式表从门到精通-“容器”属性:边框属性
  • CSS样式表从门到精通-“容器”属性:填充距属性
  • 网友评论 查看本文全部评论
    笔 名: *
    评 论:
    最多500字。当前字数:0
    联系方式:
    验证码:
    在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com