在Web开发中，设置页面背景是非常常见的任务，可以使用CSS来实现，下面是一些常用的方式：

/* 设置页面背景颜色 */
body {
background-color: #f5f5f5;
}
/* 设置图片作为背景 */
body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
/* 设置渐变背景 */
body {
background: linear-gradient(to bottom right, #ff6b6b, #c8176f);
}

值得注意的是，CSS中的背景可以包含多个属性，例如:

body {
background-color: #ffffff;
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-position: top center;
}

这段代码将会设置一个白色背景以及一张名为“bg.jpg”的图片作为背景，不重复并且在页面顶部居中显示。

在设置背景时，还需要考虑页面的内容和窗口大小，以确保背景能够适应不同的浏览器尺寸。为此，我们可以采用“响应式设计”的方式来设置样式。

/* 响应式背景 */
body {
background: url("bg.jpg") no-repeat center center fixed;
background-size: cover;
}
@media screen and (max-width: 768px) {
body {
background: #f5f5f5;
}
}

这段代码将会在大屏幕上显示一张图片背景，而在较小尺寸的屏幕上会将背景颜色设置为灰色，以此来适应不同的设备。

除了上述的方式，还有很多其他方式来设置页面背景，如使用CSS动画等，可以根据具体需求制定。不管采用哪种方式，正确设置页面背景是Web开发中的基本技能之一，也是提升用户体验的重要手段。