Vue背景图片平铺全屏:简单方法与示例代码
要让背景图片平铺整个网页大小,可以使用以下方法:
- 使用CSS的
background-size属性设置背景图片的大小为cover,这将使背景图片自动缩放以填充整个背景区域。 - 使用CSS的
background属性,将background-size设置为100% 100%,这将使背景图片完全覆盖整个背景区域。
<style>
body {
background-image: url("your-image.jpg");
background-size: cover;
background-repeat: no-repeat;
}
</style>
<style>
body {
background: url("your-image.jpg") no-repeat;
background-size: 100% 100%;
}
</style>
请将上述代码中的your-image.jpg替换为你自己的背景图片路径。
原文地址: http://www.cveoy.top/t/topic/pAsR 著作权归作者所有。请勿转载和采集!