如何使HTML页面的背景完全覆盖屏幕？

要在HTML页面上创建一个完全覆盖屏幕的背景，你可以通过CSS设置`body`元素的背景属性。以下是几种常用的方法：

1. 使用`background-size: cover`:

   body {
       background-image: url('your-background-image.jpg');
       background-size: cover;
       background-position: center; /* 如果你想让图片居中 */
       height: 100%; /* 确保高度填充满整个视口 */
       margin: 0; /* 清除浏览器默认边距 */
       padding: 0; /* 清除内边距 */
   }

2. 设置固定大小的背景图，并使其铺满整个窗口:

   body {
       background-image: url('your-background-image.jpg');
       width: 100vw; /* viewport width */
       height: 100vh; /* viewport height */
       background-position: center center;
       background-repeat: no-repeat; /* 防止背景重复 */
   }

3. 或者，如果你想要一个纯色背景，直接使用颜色：

   body {
       background-color: #f0f0f0; /* 例如灰色背景，替换为你喜欢的颜色 */
       overflow: hidden; /* 避免滚动条显示 */
   }

以上三种方式可以让你的HTML页面背景完全覆盖屏幕。如果你需要动态适应不同设备分辨率，第一种方法会更合适。