CSS中的邊距(Margin)是指元素與周圍元素之間的距離,與邊框(Border)不同,邊距是透明的,即元素本身的邊框內(nèi)部和周圍元素的邊框之間的區(qū)域。
p { margin-top: 20px; /* 上邊距 */ margin-right: 30px; /* 右邊距 */ margin-bottom: 20px; /* 下邊距 */ margin-left: 30px; /* 左邊距 */ }
上面的CSS代碼為一個(gè)段落(P標(biāo)簽)設(shè)置了上下左右四個(gè)方向的邊距,具體的數(shù)值可以根據(jù)需要進(jìn)行調(diào)整,可以使用px、em、rem等單位。
如果只想為一個(gè)方向設(shè)置邊距,可以使用單一屬性如margin-top、margin-right、margin-bottom、margin-left。
p { margin: 20px 30px; /* 上下邊距為20px,左右邊距為30px */ margin-top: 20px; /* 上邊距為20px */ }
上面的CSS代碼為一個(gè)段落(P標(biāo)簽)設(shè)置了上下邊距為20px,左右邊距為30px,如果只想設(shè)置某個(gè)方向上的邊距,可以使用對應(yīng)的屬性。
邊距在頁面布局中起到了重要的作用,合理設(shè)置邊距可以使頁面具有更好的可讀性和美觀度。