在CSS样式表中,使用如下样式可以使背景图片覆盖整个屏幕:
body {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
在这个示例中,背景图片被指定为“image.jpg”。background-size
属性设置为“cover”,使图片大小自适应屏幕,并保持其纵横比。background-position
属性设置为“center”,将背景图片放置在屏幕中心。 background-repeat
属性设置为“no-repeat”,以避免重复的图片出现在屏幕上。
通过使用这些样式属性,背景图片将完全覆盖整个屏幕。
上一篇:背景图片太放大了
下一篇:背景图片未覆盖整个页面的高度