CSS間距是指元素之間的距離,它是頁面布局中不可或缺的一部分。在實際開發中,經常需要對元素的間距進行微調,使得頁面看起來更加美觀舒適。下面我們來看一些CSS間距相關的屬性。
margin: padding:
margin
margin是指元素與周圍元素之間的距離。它可以有四個方向的值:top、right、bottom、left。也可以通過一個屬性值實現上下左右一起設置,比如“margin: 10px 20px 30px 40px;”,分別對應上、右、下和左的值。如果只設置一個值,則表示四個方向的邊距都相等。負值的margin可以讓元素向外擴展。
div { margin: 20px; }
padding
padding是指元素的內容與邊框之間的距離。同樣也可以有四個方向的值:top、right、bottom、left。也可以通過一個屬性值實現上下左右一起設置,比如“padding: 10px 20px 30px 40px;”,分別對應上、右、下和左的值。如果只設置一個值,則表示四個方向的內邊距都相等。
div { padding: 20px; }
總之,CSS間距屬性有margin和padding,它們在實現頁面布局中都有著重要的作用。