CSS边距属性

来源:网络整理 责任编辑:栏目编辑 发表时间:2013-07-01 14:58 点击:

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

左边距属性(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。

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • 扎实基础 9则css网页制作技巧
    • CSS设计符合Web标准的网页表单的几个技巧
    • 技巧:css星级效果总结
    • 用CSS建设网站的实例(9)
    • 提高网站性能:JavaScript+CSS优化的建议(3)
    • CSS制作网页实例:用CSS控制li标记样式
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1