從零開始的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