在编写HTML网页时，我们经常需要将背景图片或背景颜色设置为全屏显示，以便提高用户的视觉体验。在下面的文章中，我们将介绍如何使用CSS来实现这个目标。 首先，在HTML文档中添加一个div元素，并设置其宽度和高度为100%。代码如下：

<div id="bg"></div>

接下来，我们在CSS样式中设置背景图像或背景颜色。如果想要设置一个背景图像，可以使用以下代码：

#bg {
 width: 100%;
 height: 100%;
 background-image: url("路径/图片名称.jpg");
 background-size: cover;
 background-repeat: no-repeat;
}

通过上面的代码，我们首先设置div元素的宽度和高度为100%。然后，我们将背景图像设置为路径和图片名称所指定的图片，并设置其大小为cover，以便在不拉伸或畸形的情况下填充整个屏幕。最后，我们设置背景图像不重复出现。 如果想要设置一个背景颜色，我们可以使用以下代码：

#bg {
 width: 100%;
 height: 100%;
 background-color: #FF0000; /*将#FF0000替换为你想要设置的颜色*/
}

通过上面的代码，我们将div元素的宽度和高度设置为100%，然后将背景颜色设置为用户想要的颜色。 最后，我们需要将HTML和body元素的边距和padding设置为0，以确保背景图像或背景颜色可以占据整个屏幕空间。代码如下：

html, body {
 margin: 0;
 padding: 0;
}

#bg {
 width: 100%;
 height: 100%;
 background-image: url("路径/图片名称.jpg");
 background-size: cover;
 background-repeat: no-repeat;
}

在这篇文章中，我们介绍了如何使用CSS来实现全屏背景图像或背景颜色。通过这些简单的CSS代码，我们可以轻松地为网站增加视觉吸引力。