CSS中使背景图片铺满屏幕非常简单,只需要使用background-size属性即可。
首先,在样式中指定要使用的背景图片:
body{
background-image: url('your-image-url.jpg');
} 然后,使用background-size将背景图片缩放至适合屏幕大小。
body{
background-image: url('your-image-url.jpg');
background-size: cover;
} 在上面的代码中,cover值将自动缩放背景图片,以覆盖整个屏幕。另一个值contain,将保持图片的原始纵横比,并在屏幕上尽可能多地显示。
如果想要重复平铺背景图片,可以使用background-repeat属性:
body{
background-image: url('your-image-url.jpg');
background-size: cover;
background-repeat: repeat;
} 在上面的代码中,repeat值将平铺背景图片,以填充整个屏幕。
总之,通过简单的CSS样式和属性,您可以使用背景图片轻松地覆盖整个屏幕,并根据需要重复平铺。