在 HTML 中为同一页面内的不同部分设置不同的背景颜色，可以使用 CSS （层叠样式表）来实现。其中，background-color 属性可以用于设置元素的背景颜色。
首先，需要为需要设置背景颜色的元素添加一个唯一的 ID 属性，例如：
<div id="section1">
<!-- 这里是第一部分的内容 -->
</div>
<div id="section2">
<!-- 这里是第二部分的内容 -->
</div>然后，在 CSS 中为这些元素添加样式，例如：
#section1 {
background-color: #ff0000; /* 这里设置了第一部分的背景颜色为红色 */
}
#section2 {
background-color: #00ff00; /* 这里设置了第二部分的背景颜色为绿色 */
}这样，就可以为同一页面内的不同部分设置不同的背景颜色。值得注意的是，ID 属性应该是唯一的，不能重复使用。