當(dāng)我們在進(jìn)行網(wǎng)頁設(shè)計時，如何控制元素的間距顯得尤為重要，CSS的TB內(nèi)容邊距正是實現(xiàn)這個目標(biāo)的重要工具之一。

{
margin-top: 上邊距;
margin-right: 右邊距;
margin-bottom: 下邊距;
margin-left: 左邊距;
}

CSS中，TB內(nèi)容邊距即指上下邊距，通常用來控制元素之間的垂直間距。上述代碼中，每一個margin值都可以用一個具體數(shù)值、百分?jǐn)?shù)或auto來表示。

若在同一個元素的style屬性中同時設(shè)置上下邊距，margin值可以用兩個數(shù)值表示，第一個數(shù)字表示上邊距，第二個數(shù)字表示下邊距。例如：

{
margin: 20px 15px;
}

表示該元素的上邊距為20px，下邊距為15px。如果只設(shè)置其中一個值，則上下邊距相同。

除了數(shù)值之外，百分?jǐn)?shù)也可用于設(shè)置TB內(nèi)容邊距。這時，邊距的計算公式為元素所處區(qū)域的尺寸乘以百分比值，例如：

{
margin-top: 10%;
}

如果該元素所處區(qū)域高度為400px，那么與之對應(yīng)的頂部邊距就是40px（400px*10%）。

雖然TB內(nèi)容邊距的用法相對簡單，但合理地運用它可以減少代碼量，使網(wǎng)頁看起來更加整齊美觀。