css背景铺满整个屏幕

CSS背景铺满整个屏幕是开发网页时常用的技巧，通常用于创建全屏的背景图片或颜色。实现这一效果可以使用CSS中的background属性。

body {
  
 background: url(bg.jpg) no-repeat center center fixed;
  
 /* full screen background image */
  
 -webkit-background-size: cover;
  
 -moz-background-size: cover;
  
 -o-background-size: cover;
  
 background-size: cover;
  
 /* 拉伸图片使其铺满屏幕，保持图片比例 */
}
 

以上代码中，background属性指定了背景图像的URL，no-repeat属性指定了背景图像不重复出现，而是只出现一次，center center定位了图像的位置，fixed属性使图像在窗口中保持固定不动。

然后，为了使背景图片占据整个屏幕，我们启用了CSS3中的background-size属性。background-size属性设置背景图像的大小，cover值会伸展图像以覆盖整个容器，可能会被裁剪。

当然，也可以使用纯色背景代替背景图片。为实现全屏背景颜色，可以将html和body元素的高度都设置为100%：

html, body {
  height: 100%;
}
body {
  background-color: #F4F4F4;
}
 

这样，body元素会铺满整个窗口，背景颜色也会被铺满整个窗口。