从零开始的wed前端学习-margin属性简单应用


 margin属性

  1. margin属性表示元素的外边距,兼容性强

      2.margin是个复合属性

        例子:

        一个参数时:

          margin:10px;

          意思是元素的外边距都是10px。

                      

 

           

 

          

 

       

 

        二个参数时:

          margin:10px  20px;

          意思是元素的垂直方向的外边距是10px ,水平方向的外边距是20px。

          

 

         

 

 

 

         顺序是垂直,水平。

        三个参数时:

           margin:10px   25px   20px;

          意思是元素的上外边距是10px,水平方向的外边距是25px,下外边距是20px。

         顺序是上,水平,下。  

          

 

          

 

 

                四个参数时:

           margin:10px  20px  25px  30px;

           意思是元素的上外边距是10px,右外边距是20px,下外边距是25px,下外边距是30px。

         顺序是从上开始顺时针数,上,右,下,左。

            

         

 

        3.margin常用于水平居中,无法垂直居中:

         margin: 0  auto;

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM