html - 如何在 HTML 中创建布局，如附加链接中所示

Question

伙计们，我正在设计我将发布的网站。我看到了微软 Surface 的这个页面http://www.microsoft.com/Surface/en-US 。我想知道他们是如何制作这些彩色布局的。我尝试使用<p></p>属性创建布局，而不是在其中写入任何文本，使文本颜色和背景颜色与使用填充属性扩展的颜色相同，<p></p>但问题仍然是边缘周围有空格的页面。如果您有任何建议，我将不胜感激。

Answer 1

不确定我是否完全理解，但从你所说的可能是正文边距和填充没有设置为零

<style>

body{
  margin:0px;
  padding:0px;
}

</style>

Answer 2

用于<div>创建彩色部分，对于内部，您可以使用表格（避免）或无语义的流体网格系统。