热烈祝贺台州朗动科技的站长论坛隆重上线!(2012-05-28)    热烈庆祝伟大的祖国60周年生日 点击进来我们一起为她祝福吧(2009-09-26)    站长论坛禁止发布广告,一经发现立即删除。谢谢各位合作!.(2009-08-08)    热烈祝贺台州网址导航全面升级,全新版本上线!希望各位一如既往地支持台州网址导航的发展.(2009-03-28)    台州站长论坛恭祝各位新年快乐,牛年行大运!(2009-01-24)    台州Link正式更名为台州网址导航,专业做以台州网址为主的网址导航!(2008-05-23)    热烈祝贺台州Link资讯改名为中国站长资讯!希望在以后日子里得到大家的大力支持和帮助!(2008-04-10)    热烈祝贺台州Link论坛改名为台州站长论坛!希望大家继续支持和鼓励!(2008-04-10)    台州站长论坛原[社会琐碎]版块更名为[生活百科]版块!(2007-09-05)    特此通知:新台州站长论坛的数据信息全部升级成功!">特此通知:新台州站长论坛的数据信息全部升级成功!(2007-09-01)    台州站长论坛对未通过验证的会员进行合理的清除,请您谅解(2007-08-30)    台州网址导航|上网导航诚邀世界各地的网站友情链接和友谊联盟,共同引领网站导航、前进!(2007-08-30)    禁止发广告之类的帖,已发现立即删除!(2007-08-30)    希望各位上传与下载有用资源和最新信息(2007-08-30)    热烈祝贺台州站长论坛全面升级成功,全新上线!(2007-08-30)    
便民网址导航,轻松网上冲浪。
台州维博网络专业开发网站门户平台系统
您当前的位置: 首页 » DIV+CSS编程 » CSS边距属性

CSS边距属性

论坛链接
  • CSS边距属性
  • 发布时间:2007-10-06 14:59:09    浏览数:9471    发布者:tznktg    设置字体【   
边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。

左边距属性(margin-left)
这个属性用来设定左边距的宽度。示例如下:


QUOTE:
.d1{margin-left:1cm}

右边距属性(margin-right)
这个属性用来设定右边距的宽度。示例如下:


QUOTE:
.d1 {margin-right:1cm}

演示示例请参照左边距属性示例,只要将里面的margin-left改成margin-right即可。

上边距属性(margin-top)
这个属性用来设定上边距的宽度。示例如下:


QUOTE:
.d1 {margin-top:1cm}

演示示例请参照左边距属性示例,只要将里面的margin-left改成margin-top即可。

下边距属性(margin-bottom)
这个属性用来设定下边距的宽度。示例如下:


QUOTE:
.d1{margin-bottom:1cm}

演示示例请参照左边距属性示例,只要将里面的margin-left改成margin-bottom即可。

边距属性(margin)
这个属性是设定边距宽度的一个快捷的综合写法,用这个属性可以同时设定上下左右边距属性。

你可以为上下左右边距设置相同的宽度。示例入下:


QUOTE:
.d1 {margin:1cm}

你也可以分别设置边距,顺序是上,右,下,左。示例如下:


QUOTE:
.d1 {margin:1cm 2cm 3cm 4cm}

上面的代码表示,上边距为1cm,右边距为2cm,下边距为3cm,左边距为4cm。
娱乐休闲专区A 影视预告B 音乐咖啡C 英语阶梯D 生活百科
网页编程专区E AMPZF HTMLG CSSH JSI ASPJ PHPK JSPL MySQLM AJAX
Linux技术区 N 系统管理O 服务器架设P 网络/硬件Q 编程序开发R 内核/嵌入
管理中心专区S 发布网址T 版主议事U 事务处理