W3.CSS 边距
w3-margin 类为元素的所有边添加 16px 的边距。
W3.CSS 边距类
W3.CSS 提供以下边距类
| 类 | 定义 |
|---|---|
| w3-margin | 为元素的所有边添加 16px 的边距 |
| w3-margin-top | 为元素添加 16px 的上边距 |
| w3-margin-right | 为元素添加 16px 的右边距 |
| w3-margin-bottom | 为元素添加 16px 的下边距 |
| w3-margin-left | 为元素添加 16px 的左边距 |
| w3-section | 为元素添加 16px 的上边距和下边距 |
边距
**w3-margin** 类为元素的所有边添加 16px 的边距
**w3-margin** 类为元素的所有边添加 16px 的边距。
上边距
**w3-margin-top** 类为元素添加 16px 的上边距
**w3-margin-top** 类为元素添加 16px 的**上**边距。
下边距
**w3-margin-bottom** 类为元素添加 16px 的下边距
**w3-margin-bottom** 类为元素添加 16px 的**下**边距。
左边距
**w3-margin-left** 类为元素添加 16px 的左边距
**w3-margin-left** 类为元素添加 16px 的**左**边距。
右边距
**w3-margin-right** 类为元素添加 16px 的右边距
**w3-margin-right** 类为元素添加 16px 的**右**边距。
部分
许多 HTML 元素没有默认的上边距或下边距。这些元素将显示在它们之间没有边距。
我是蓝色
我是绿色
**w3-section** 类可用于分隔元素。
它为任何 HTML 元素添加**16px** 的上边距和下边距
我是蓝色
我是绿色
示例
<div class="w3-container w3-section w3-blue">
<h1>我是蓝色</h1>
</div>
<div class="w3-container w3-section w3-green">
<h1>我是绿色</h1>
</div>
动手试试 »
