以下列表包含外边距属性的说明。
百分比值始终从包含块的宽度导出，即使用于填充顶部和底部边缘。
以下代码将Margin添加到元素。
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
img {
border: 4px solid black;
background: lightgray;
padding: 4px;
margin: 4px 20px;
}
</style>
</head>
<body>
<img src="https://www.www..cn/style/download.png" alt="small banana">
<img src="https://www.www..cn/style/download.png" alt="small banana">
</body>
</html>对于内联元素，其边距不会显示在顶部和底部边缘。
margin属性可以有一到四个值。
margin: 2px 5px 7px 9px;
top margin is 2px
right margin is 5px
bottom margin is 7px
left margin is 9px
margin: 2px 5px 7px;
top margin is 2px
right and left margins are 5px
bottom margin is 7px
margin: 2px 5px;
top and bottom margins are 2px
right and left margins are 5px
margin: 2px;
all four margins are 2px| 属性 | 描述 | CSS |
|---|---|---|
| margin-bottom | 设置底部的边距 | 1 |
| margin-left | 设置左边距 | 1 |
| margin-right | 设置右边距 | 1 |
| margin-top | 设置顶边距 | 1 |
| margin | 设置四个方向的页边距 | 1 |
看完 《css 教程》中的《css 图像透明/不透明》，你对 CSS 中的半透明颜色可能已经有了基础的了解，CSS 透明算得上是一种相当流...
dt 标签只能够作为 dl 标签的一个子元素出现，常常后跟一个 dd 标签。实例带有项目和描述的描述列表：dldtCoffee/dtddBlack hot ...
i 标签中的文本显示为斜体，代表一定范围的文本具有特别的语义。实例pHe named his car iThe lightning/i, because it was very ...
在 HTML 中我们可以对表单的信息进行分组归类，而legend 标签就可以用来组合表单的相关元素，表示了其父级 fieldset 内容的标题...
tbody 标签组合了一个或者多个 tr 元素作为 table 元素的主体内容，请参考下述示例：实例带有 thead、tfoot 和 tbody 元素的 HTM...
HTML5 代码规范在使用HTML5的过程中，使用规范化的代码能够更加方便你的运用与阅读，本节我们将带领你了解如何能够使得HTML5中的...
实例HTML5 button标签用来定义按钮，该标签内的内容即为你要使用的按钮的内容。以下代码标记一个按钮：button type="button"点我...
