在CSS中,我們常常會(huì)看到類似于margin: 10px 20px 15px 5px;
這樣的代碼,其中包含了四個(gè)數(shù)字,那么這四個(gè)數(shù)字分別代表著什么意思呢?
margin: 10px 20px 15px 5px; ↑ ↑ ↑ ↑ 上部右部下部左部
這四個(gè)數(shù)字分別代表了元素的上、右、下、左四個(gè)方向的外邊距。我們可以將它們稱為上外邊距
、右外邊距
、下外邊距
和左外邊距
。
需要注意的是,當(dāng)指定這四個(gè)數(shù)字時(shí),它們的順序必須按照上、右、下、左
的順序排列。
如果只給出了兩個(gè)數(shù)字,那么它們分別代表上下外邊距
和左右外邊距
。如果只給出了一個(gè)數(shù)字,那么它將同時(shí)應(yīng)用于上、右、下、左
四個(gè)方向。
CSS中四個(gè)數(shù)字的意思就是這樣,這個(gè)屬性非常常用,大家可以多加了解,掌握它對(duì)于頁面布局和樣式的控制非常有幫助。