css上外边距代码

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中外边距,简称margin,是一种用于控制元素与周围元素之间的距离的属性。/* 通用语法 */ margin: 上外边距 右外边距 下外边距 左外边距; /* 简写语法 */ margin: 上

CSS中外边距,简称margin,是一种用于控制元素与周围元素之间的距离的属性。

/* 通用语法 */
margin: 上外边距 右外边距 下外边距 左外边距;
/* 简写语法 */
margin: 上右下左;
margin: 上下 左右; 

其中,上下左右是指与元素周围四个方向的距离。例如:

margin: 10px; /* 上下左右都是10px */
margin: 10px auto; /* 上下是10px,左右居中 */
margin: 10px 20px; /* 上下是10px,左右是20px */
margin: 10px 20px 30px; /* 上是10px,左右是20px,下是30px */
margin: 10px 20px 30px 40px; /* 上是10px,右是20px,下是30px,左是40px */ 

另外,margin还有一个特殊的取值——负数,它表示元素要比周围元素更接近(不推荐使用,会影响布局)。

margin: -10px; /* 上下左右都比周围元素更接近 */
margin: 10px -20px; /* 上下是10px,左右比周围元素更接近 */ 

总之,margin是一个非常常用的布局属性,能够控制元素在页面中的位置和与周围元素的距离。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css上外边距代码

粉丝

0

关注

0

收藏

0

已有0次打赏