工具搜索引擎 加入收藏
意见反馈
帮助中心
繁體中文
首页 工具超市 产品信息 资讯中心 工具黄页 站长工具 实用工具 会员管理 联系我们  
广告投放
您当前的位置:工具网站长书库> CSS教程

CSS边距属性

边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。

左边距属性(margin-left)

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

.d1{margin-left:1cm}

演示示例

右边距属性(margin-right)

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

.d1 {margin-right:1cm}

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

上边距属性(margin-top)

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

.d1 {margin-top:1cm}

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

下边距属性(margin-bottom)

这个属性用来设定下边距的宽度。示例如下:

.d1{margin-bottom:1cm}

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

边距属性(margin)

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

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

.d1 {margin:1cm}

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

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

上面的代码表示,上边距为1cm,右边距为2cm,下边距为3cm,左边距为4cm。

演示示例:上下左右边距宽度相同

演示示例:上下左右边距宽度各不相同

返回上级目录
CSS
CSS教程
CSS简介
CSS语法
CSS字体属性(font)
CSS常用文本属性
CSS背景属性
CSS边框属性(border)
CSS边距属性(margin)
CSS间隙属性(padding)
CSS盒子模式(Box Model)
CSS列表属性(list-style)
CSS伪类(pseudo-class)
CSS代码示例
CSS参考(Reference)
CSS属性参考
CSS长度单位参考

暂无相关评论

发表评论: 用户:
验证码

    
版权所有 海力工具网 电话:0523-86864621