|
一个元素有四个方面：左，右，顶部和底部。
该margin是由双方的距离相邻元素（或文档的边界）。看到的一个例子也是图。
作为第一个例子，我们将了解如何定义文件本身的元素，即<body>
下表显示例子，说明我们希望在我们的网页的显示出来。
此会研究CSS代码如下：
body { margin-top: 100px; margin-right: 40px; margin-bottom: 10px; margin-left: 70px; }
body { margin-top: 100px; margin-right: 40px; margin-bottom: 10px; margin-left: 70px; }
或者你可以选择一个更好的编译：
body { margin: 100px 40px 10px 70px; }
body { margin: 100px 40px 10px 70px; }
您可以在相同的方式几乎每个元素的边缘。 例如，我们可以选择确定为我们的文本段落的盈利与<p>显着：
body { margin: 100px 40px 10px 70px; } p { margin: 5px 50px 5px 50px; }
body { margin: 100px 40px 10px 70px; } p { margin: 5px 50px 5px 50px; }
设置填充在一个元素
填充也可以理解为“填充”。 这是有意义的填充不影响元素的距离，与其他元素，但只定义之间的边界和元素含量的内部距离。
在填充使用，可以从一个简单的例子来看，所有报章的标题背景颜色：
h1 { background: yellow; } h2 { background: orange; }
h1 { background: yellow; } h2 { background: orange; }
通过定义填充的头条新闻，你改变多少油将围绕在每个标题文字：
h1 { background: yellow; padding: 20px 20px 20px 80px; } h2 { background: orange; padding-left:120px; }
h1 { background: yellow; padding: 20px 20px 20px 80px; } h2 { background: orange; padding-left:120px; }
通过这些CSS边距的实现示例，大家可以练习一下。
| 
