css margin属性控制元素外边距的大小和位置

分类:知识百科 日期: 点击:0

CSS Margin属性

CSS的margin属性可以控制元素外边距的大小和位置。margin属性可以设置一个,也可以设置四个值,分别控制上、右、下、左的外边距。

margin: 10px;
margin: 10px 20px;
margin: 10px 20px 30px;
margin: 10px 20px 30px 40px;

第一个值控制上外边距,第二个控制右外边距,第三个控制下外边距,第四个控制左外边距。

如果只设置一个值,则上下左右外边距都会设置为该值;

如果设置两个值,则上下外边距设置为第一个值,左右外边距设置为第二个值;

如果设置三个值,则上外边距设置为第一个值,右边距设置为第二个值,下外边距设置为第三个值,左外边距为第三个值;

如果设置四个值,则上外边距设置为第一个值,右外边距设置为第二个值,下外边距设置为第三个值,左外边距设置为第四个值。

margin属性还可以使用负值来设置外边距。使用负值可以使元素的外边距溢出其容器,从而达到把元素放置到容器之外的效果。

margin属性可以用来控制元素的外边距,使元素的位置变得更加美观,也可以使用负值来把元素放置到容器之外。


标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。