W3.CSS 边距

w3-margin 类向元素的所有边添加 16px 边距。

W3.CSS 边距类

W3.CSS 提供以下边距类别：

这个w3 边距类向元素的所有边添加 16px 边距：

这个w3 边距类向元素的所有边添加 16px 边距。

<div class="w3-container w3-margin">
<p>I have 16px margin on all sides.</p>
</div>

这个w3 边距顶部类向元素添加 16px 上边距：

这个w3 边距顶部类添加了 16px顶部元素的边距。

<div class="w3-container w3-margin-top">
<p>I have 16px margin on the top.</p>
</div>

这个w3 边距底部类向元素添加 16px 下边距：

这个w3 边距底部类添加了 16px底部元素的边距。

<div class="w3-container w3-margin-bottom">
<p>I have 16px margin on the bottom.</p>
</div>

这个w3-左边距类向元素添加 16px 左边距：

这个w3-左边距类添加了 16px左边元素的边距。

<div class="w3-container w3-margin-left">
<p>I have 16px margin the left.</p>
</div>

这个w3-右边距类向元素添加 16px 右边距：

这个w3-右边距类添加了 16px正确的元素的边距。

<div class="w3-container w3-margin-right">
<p>I have 16px margin the right.</p>
</div>

许多 HTML 元素没有默认的上边距或下边距。这些元素之间将没有边距地显示：

这个w3截面类可以用来分隔元素。

它添加了16像素任何 HTML 元素的顶部和底部边距：

<div class="w3-container w3-section w3-blue">
<h1>I am Blue</h1>
</div>

<div class="w3-container w3-section w3-green">
<h1>I am Green</h1>
</div>