Html 有人能解释一下这个网站上标记区域后面的代码吗？

我正试图找出如何添加一个背景，延伸到页面的边缘，无论大小，就像在这里的网站上

我说的是这个用绿色突出显示的特殊区域

我一直在看源代码，我找不到任何专门针对该部分的内容，也尝试过右键单击->检查，但仍然没有找到多少，也许我的研究技能很差

---

我想要一个html/css的基本示例，如果有人能提供的话，请告诉我它是什么样子？

它只是一个背景图像，应用于标签

，水平重复（

background repeat:repeat-x；

）

---

只需右键单击->检查->

主体

标签，您将看到：）

这只是应用于标签的背景图像，标签水平重复（

背景重复：repeat-x；

）

---

只需右键单击->检查->

主体

标记，您将看到：）

如果您检查他们的代码，您将看到他们的

有一个

背景图像

，其宽度为10px（但也可能为1px），并且水平重复：

这是一个老把戏，我也用了很多。考虑使用相同的图像：

HTML:

---

如果您检查他们的代码，您将看到他们的

有一个

背景图像

，宽度为10px（但也可能是1px），并且水平重复：

这是一个老把戏，我也用了很多。考虑使用相同的图像：

HTML:

---

我是这么想的，但是当我浏览源代码时，我发现“body{background:white}”哦，不，我看错了，你是对的。谢谢我的想法，但是当我浏览源代码时，我发现“body{background:white}”哦，不，我看错了，你是对的。谢谢

<div id="content">
  <div id="top">
    TOP BAR
  </div>

  <div id="middle">
    Content !!
  </div>
</div>

#top {
  height: 50px;
  line-height: 50px;
  background: yellow;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
}

#content {
  width: 100%;
  background: url("http://www.wisemanpanel.co.nz/uploads/images/bg_repeat.png") repeat-x;
}

#middle {
  width: 70%;
  margin: 0 auto;
  height: 600px;
  background: #fff;
  text-align: center;
  padding: 20px;
}