全屏背景是指网页的背景图像或背景颜色撑满整个屏幕，给人留下深刻的视觉印象，同时也能提高网站的美观度和用户体验。在较早的网页设计中，通常采用背景图片进行全屏背景处理，但随着CSS3技术的成熟，实现全屏背景效果的方式得到了极大的改进。

/* CSS代码实现全屏背景 */
html,body{
height: 100%;
margin: 0;
padding: 0;
}
#background{
position: fixed;
top: 0;
left: 0; 
width: 100%; 
height: 100%; 
z-index: -1;
}
/* 背景为一张图片的情况 */
#background{
background-image: url(图片地址);
background-size: cover;
background-position: center;
}
/* 背景为颜色的情况 */
#background{
background-color: #000000;
}

我们可以看到，通过设置html和body元素高度为100%，使其占据了整个浏览器视窗，再设置背景图在不显示在文档流内的定位，就可以实现全屏背景的效果了。而CSS3的background-size属性，可以帮助我们在背景图片超出视窗大小时，自动缩放图片大小以适应视窗。另外，对于背景颜色方式，直接在背景样式中设置相应颜色即可。