CSS margin

简介: CSS margin。

CSS margin(外边距)
CSS margin(外边距)属性定义元素周围的空间。
margin
margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。
margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。
可能的值
值 说明
auto 设置浏览器边距。
这样做的结果会依赖于浏览器
length 定义一个固定的margin(使用像素,pt,em等)
% 定义一个使用百分比的边距
Remark Margin可以使用负值,重叠的内容。

Margin - 单边外边距属性
在CSS中,它可以指定不同的侧面不同的边距:

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

相关文章
|
6月前
|
前端开发
css的flex布局中使用margin:auto智能分配剩余空间
css的flex布局中使用margin:auto智能分配剩余空间
51 1
|
6月前
|
前端开发 容器
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
189 1
|
6月前
|
前端开发
前端 CSS 经典:flex + margin 布局
前端 CSS 经典:flex + margin 布局
61 0
|
8月前
|
前端开发
CSS margin
CSS margin。
45 1
|
前端开发 容器
|
前端开发 容器
Web前端 — CSS之盒模型 以及margin负值、塌陷重叠问题
Web前端 — CSS之盒模型 以及margin负值、塌陷重叠问题
72 0
|
前端开发
前端祖传三件套CSS的盒模型之margin
当我们在写前端代码时,CSS的盒模型是一个必须要掌握的概念。之前我们已经谈到了盒模型中的border和padding属性,那么今天我们将会继续深入盒模型的另一个主要属性:margin。
151 0
|
前端开发
css盒模型掉落和负margin
css盒模型掉落和负margin
82 0
css盒模型掉落和负margin
|
前端开发
css:垂直方向外边距margin塌陷问题及解决
css:垂直方向外边距margin塌陷问题及解决
171 0
css:垂直方向外边距margin塌陷问题及解决
|
前端开发
web前端学习(二十)——CSS3外边距属性(margin)及填充属性(padding)的相关设置
web前端学习(二十)——CSS3外边距属性(margin)及填充属性(padding)的相关设置
web前端学习(二十)——CSS3外边距属性(margin)及填充属性(padding)的相关设置

热门文章

最新文章