欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS的margin属性怎么设置

程序员文章站 2022-03-30 22:11:29
...
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)

CSS的margin属性怎么设置

相关阅读:

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


DIV+CSS怎么使用


什么是CSS

以上就是CSS的margin属性怎么设置的详细内容,更多请关注其它相关文章!