温馨提示×

background-image如何实现全屏背景

小樊
105
2024-06-17 19:42:58
栏目: 编程语言

要实现全屏背景,可以使用CSS的background-image属性结合background-size属性来实现。以下是一个示例代码:

body {
    margin: 0;
    padding: 0;
    background-image: url('background-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

在上面的代码中,background-image属性设置背景图片的URL,background-size属性设置背景图片的尺寸为cover,让背景图片完全覆盖整个屏幕。background-repeat属性设置为no-repeat,防止背景图片重复显示。background-attachment属性设置为fixed,使背景图片固定在屏幕上,不会随着页面滚动而移动。

这样,就可以实现一个全屏背景。

0