问块和内联元素的背景？

EN

这个小图表将演示如何在浏览器中显示一个框：

box-chart http://img132.imageshack.us/img132/2692/boxchart.jpg

正如您所看到的，边距是方框本身与可能围绕它的任何内容之间的空间。边框只是框周围的一条线。填充是框的边缘和框中的内容之间的空间。您设置的任何背景都将填充整个框(在边框内)，同时保持框周围的边距(空白)。

我相信几乎每个元素都可以使用边距、背景和边框。但是，有些元素不支持填充，除非它是块级的，因为它基本上与空白区是完全相同的。您可以随时测试不同的样式，以查看哪些有效，哪些无效，以及如何根据您设置的样式进行移动。

元素完全占用，不包括页边距占用的空间。您可以使用以下标记/css进行测试：

.block { margin:5px; padding:0; width:25px; height:25px; 
         background-color:orange; float:left; }
<div class="block"></div>
<div class="block"></div>

渲染它，你会发现橙色框之间总共有10px -我们的边距。

内联元素也有填充和边距，但你不能总是以同样的方式使用它们，因为它们是内联的，而不是块级的。