当浏览器窗口宽度在低于800 px时，页面背景是红色>当浏览器窗口宽度在800-1024 px时，页面背景是蓝色>当浏览器窗口宽度在1024-1280 px时，页面背景是绿色>当浏览器窗口宽度大于1280 px时，页面背景是黄色

这是一个关于响应式设计的问题。在CSS中，可以使用@media查询来根据浏览器窗口的宽度应用不同的样式。下面是一个实现你所说的背景色变化的CSS代码示例：

/* 窗口宽度低于800px时，背景色为红色 */
@media (max-width: 800px) {
  body {
    background-color: red;
  }
}

/* 窗口宽度在800px到1024px之间时，背景色为蓝色 */
@media (min-width: 800px) and (max-width: 1024px) {
  body {
    background-color: blue;
  }
}

/* 窗口宽度在1024px到1280px之间时，背景色为绿色 */
@media (min-width: 1024px) and (max-width: 1280px) {
  body {
    background-color: green;
  }
}

/* 窗口宽度大于1280px时，背景色为黄色 */
@media (min-width: 1280px) {
  body {
    background-color: yellow;
  }
}