Four writing methods of margin and padding

We often see various usage of CSS style attributes including margin and padding. Here we will make a summary, but we will only briefly introduce the usage of margin, because their usage is similar.

Method 1,

Margin: 10px; // The Four margins are 10px

Method 2,

Margin: 10px 20px; // the top and bottom margins are 10px, and the left and right margins are 20px.

Method 3,

Margin: 10px 20px 30px; // The top margin is 10px, the left margin is 20px, and the bottom margin is 30px.

Method 4,

Margin: 10px 20px 30px 40px; // top margin 10px, right margin 20px, bottom margin 30px, left margin 40px

 

Four writing methods of margin and padding