首页 >web前端 >css教程 >CSS的margin属性怎么设置

CSS的margin属性怎么设置

php中世界最好的语言
php中世界最好的语言原创
2017-11-21 14:30:474097浏览

CSS的margin属性怎么设置?margin是外边距。这次来教大家如何用margin属性来操作DIV。怎么样操作DIV与DIV之间的间距

margin用于设置对象标签之间距离间隔,比如2个上下排列的DIV盒子,我们就可以使用margin样式实现上下2个盒子间距。Margin呈现是位于对象边框外侧,紧贴于边框,marign与padding位置却相反css padding却是紧贴边框位于边框内侧。

DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。

1、margin语法

Margin:10px

Margin的值是数字+html单位,同时也可以为auto(自动、自适应)

2、应用结构

Div{margin:10px}

设置div对象四边间距为10px

3、Margin说明

margin是设置对象外边距外延边距离。

margin的值有三种情况,可以为正整数和负整数并加单位如PX像素(margin-left:20px);可以为auto自动属性(margin-left:auto 自动);可以为百分比(%)值(margin-left:3%)。

Margin延伸(单独设置四边间距属性单词)

margin-left 对象左边外延边距 (margin-left:5px; 左边外延距离5px)

margin-right 对象右边外延边距 (margin-right:5px; 右边外延距离5px)

margin-top 对象上边外延边距 (margin-top:5px; 上边外延距离5px)

margin-bottom 对象下边外延边距 (margin-bottom:5px; 下边外延距离5px)

1.png

相关阅读:

设置DIV的背景色有哪几种方法


DIV+CSS怎么使用


什么是CSS

以上是CSS的margin属性怎么设置的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn