css盒子大小是什麼呢

歡迎大家在這裡學習css盒子大小是什麼!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

這裡主要用於兩個屬性：margin和padding，我們以margin為例，padding與之相同。盒子有上下左右四個方向，每個方向都有個外邊距：

margin-top:1px;

margin-right:2px;

margin-bottom:3px;

margin-left:4px;

你可以簡寫成：

margin:1px 2px 3px 4px;

語法 margin:top right bottom left;

//四個方向的邊距相同，等同於margin:1px 1px 1px 1px;

margin:1px;

//上下邊距都為1px，左右邊距均為2px，等同於margin:1px 2px 1px 2px;

margin:1px 2px;

//右邊距和左邊距相同，等同於margin:1px 2px 3px 2px;

margin:1px 2px 3px;

//注意，這裡雖然上下邊距都為1px，但是這裡不能縮寫。

margin:1px 2px 1px 3px;

好了css盒子大小是什麼內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

CSS注釋高級用法簡介