盒子模型中的margin属性

Posted 雨水一盒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒子模型中的margin属性相关的知识,希望对你有一定的参考价值。

记:

1.如果margin只有一个值,表示上右下左的margin同为这个值。例如:margin:10px; 就等于 margin:10px 10px 10px 10px;


2.如果 margin 只有两个值,第一个值表示上下margin值,第二个值为左右margin的值。例如:margin:10px 20px; 就等于 margin:10px 20px 10px 20px;


3.如果margin有三个值,第一个值表示上margin值,第二个值表示左右margin的值,第三个值表示下margin的值。例如:margin:10px 20px 30px; 就等于 margin:10px 20px 30px 20px;


4.如果margin有四个值,那这四个值分别对应上右下左这四个margin值。例如:margin:10px 20px 30px 40px;

 

同理padding属性的四个值也是这样的

以上是关于盒子模型中的margin属性的主要内容,如果未能解决你的问题,请参考以下文章

盒子模型

CSS盒子模型

js中的盒子模型

W3c盒子模型+IE盒子模型+box-sizing属性

什么是css盒子模式(框模型)

盒子模型(Box Model)