CSS Margin(外边距)

CSS Margin(外边距)属性定义元素周围的空间。

Margin

margin清除周围的元素（外边框）的区域。margin没有背景颜色，是完全透明的

margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。

可能的值

值	说明
auto	设置浏览器边距。这样做的结果会依赖于浏览器
length	定义一个固定的margin（使用像素，pt，em等）
%	定义一个使用百分比的边距

Margin可以使用负值，重叠的内容。

在CSS中，它可以指定不同的侧面不同的边距：

实例

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

尝试一下 »

Margin - 简写属性

<p为了缩短代码，有可能使用一个属性中margin指定的所有边距属性。这就是所谓的缩写属性。< p="">

所有边距属性的缩写属性是"margin":

实例

margin:100px 50px;

尝试一下 »

margin属性可以有一到四个值。/p>

margin:25px 50px 75px 100px;
- 上边距为25px
- 右边距为50px
- 下边距为75px
- 左边距为100px
margin:25px 50px 75px;
- 上边距为25px
- 左右边距为50px
- 下边距为75px
margin:25px 50px;
- 上下边距为25px
- 左右边距为50px
margin:25px;
- 所有的4个边距都是25px

所有的CSS边距属性

属性	描述
margin	简写属性。在一个声明中设置所有外边距属性。
margin-bottom	设置元素的下外边距。
margin-left	设置元素的左外边距。
margin-right	设置元素的右外边距。
margin-top	设置元素的上外边距。

转载于:https://www.cnblogs.com/aiqingqing/p/4556318.html

CSS Margin(外边距)相关推荐

CSS 轮廓（outline）/CSS margin(外边距)/CSS padding（填充）
所有CSS 轮廓(outline)属性 CSS margin(外边距) margin margin 清除周围的(外边框)元素区域.margin 没有背景颜色,是完全透明的. margin 可以单独改变 ...
教你玩转CSS margin(外边距)
目录 margin 可能的值 Margin - 单边外边距属性 Margin - 简写属性所有的CSS边距属性 margin margin 清除周围的(外边框)元素区域.margin 没有背景颜色, ...
html外边距图,css margin外边距详细图解分析
CSS margin简介 css margin属性设置HTML元素的外边距,外边距指的是元素边框到父元素或者同级元素之间的那一部分. 该属性可以有1到4个值. 如果提供全部四个参数值,将按上.右.下. ...
CSS margin 外边距属性的位置关系
padding:内边距 margin :外边距 margin:10px; 所有 4 个外边距都是 10px ******************************************* ma ...
微信小打卡，微信小打卡上打卡方法，被微信推荐的打卡小程序CSS margin(外边距)
<style> p {background-color:yellow; } p.margin {margin-top:100px;margin-bottom:100px;margin-ri ...
打卡革命纪念地线上徒步大会手机软件，运动打卡活动策划，CSS margin(外边距)
<h2>JavaScript ISO 日期</h2><p id="demo"></p><script> var d = ...
前端开发 margin外边距 0229
目标效果分析图图例分上下两个盒子下面的盒子里又放三个图文容器容器间有间距盒子模型边距的效果没有边距的情况要让图片分开,给加上边距就可加上以后的效果开始代码浮动并且加边距让图片内容 ...
margin外边距合并问题以及解决方式
margin外边距合并问题以及解决方式汇总简介块级元素的上外边距和下外边距有时会合并(或折叠)为一个外边距,其大小取其中的最大者,这种行为称为外边距折叠(margin collapsing). 外 ...
CSS 内外边距 float positio属性
一.外边距和内边 margin: 用于控制元素与元素之间的距离外边距:margin的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的. padding: ...

CSS Margin(外边距)

Margin

可能的值

实例

Margin - 简写属性

实例

更多实例

所有的CSS边距属性

CSS Margin(外边距)相关推荐

最新文章

热门文章