CSS Margin(外边距)属性定义元素周围的空间。php
margin清除周围的元素(外边框)的区域。margin没有背景颜色,是彻底透明的css
margin能够单独改变元素的上,下,左,右边距。也能够一次改变全部的属性。html
值 | 说明 |
auto | 设置浏览器边距。 这样作的结果会依赖于浏览器 |
length | 定义一个固定的margin(使用像素,pt,em等) |
% | 定义一个使用百分比的边距 |
Margin可使用负值,重叠的内容。浏览器
在CSS中,它能够指定不一样的侧面不一样的边距:spa
margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px;
全部边距属性的缩写属性是"margin":ssr
margin:100px 50px;
margin属性能够有一到四个值。/p>code
margin:25px 50px 75px 100px;
orm
上边距为25pxhtm
右边距为50pxget
下边距为75px
左边距为100px
margin:25px 50px 75px;
上边距为25px
左右边距为50px
下边距为75px
margin:25px 50px;
上下边距为25px
左右边距为50px
margin:25px;
全部的4个边距都是25px
文本的上边距设置使用厘米值
这个例子演示了如何设置一个使用厘米值的文本的顶部margin。
Set 使用百分比值设置文本的下边距
这个例子演示了如何设置使用百分比值的下边距,相对于包含的元素的宽度。
属性 | 描述 |
margin | 简写属性。在一个声明中设置全部外边距属性。 |
margin-bottom | 设置元素的下外边距。 |
margin-left | 设置元素的左外边距。 |
margin-right | 设置元素的右外边距。 |
margin-top | 设置元素的上外边距。 |