要使用 CSS 全屏显示背景图像,需要使用以下代码:
body {
background-image: url('your-image-url');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
其中,background-image
属性用于指定背景图像的 URL,background-size: cover
属性会使背景图像充满整个屏幕,background-position: center
属性会将背景图像居中,background-repeat: no-repeat
属性会使背景图像不重复。
此外,需要注意的是,使用这种方式显示背景图像时,需要确保图像足够大,以免在不同设备上出现拉伸或压缩的情况。