[分享]css中将图片铺满屏幕

在CSS中，我们可以通过设置背景图像来将图片铺满整个屏幕。

body {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
} 

其中，background-image属性用于设置背景图像的路径；background-size用于控制背景图像的大小，cover参数表示把背景图像缩放至最大尺寸，同时保持长宽比例，背景图像覆盖屏幕；background-position用于设定背景图像在元素中的位置，center则表示将背景图像在元素中居中。

需要注意的是，如果图片尺寸比屏幕尺寸小，则可能会出现不完全覆盖的情况。此时，可以通过设置背景图像的重复方式来解决。

body {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
} 

在上述代码中，background-repeat属性用于设置背景图像是否重复，no-repeat则表示不重复。

另外，如果背景图像的长宽比例与屏幕不同，可能会出现图像变形的情况。此时，可以使用background-size属性的具体数值来控制图像的大小。

body {
  background-image: url('your-image.jpg');
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
} 

在上述代码中，background-size的值为100% auto，表示将背景图像拉伸至屏幕宽度，且高度保持原始比例。

通过以上方式，我们可以轻松实现将图片铺满整个屏幕的效果。