CSS外邊距是在元素周圍創建空間的屬性。它有四個方向的值:頂部,底部,左邊和右邊。這些值可以是正數或負數,也可以是自動的。
負的外邊距值允許將元素從它所在的位置移動到另一個位置。它們可以用于創建很多有趣的效果。
// 將一個元素的左外邊距移動到它前面的元素的位置 .element { margin-left: -50px; } // 將一個元素拖向頂部 .element { margin-top: -100px; } // 將兩個元素貼在一起 .element:last-child { margin-left: -10px; }
我們可以用負的外邊距數值來調整元素之間的間距,或者將一個元素移動到它本來不應該在的位置。然而,不要濫用負的外邊距,因為會影響其余的布局。我們需要小心使用它們。
在創建網頁時,使用負的外邊距可以使設計更加有趣,增加用戶體驗,但是也需要深入理解CSS的工作原理。
下一篇oracle 斜杠轉義