大家好！今天来分享一个超实用的小技巧——如何用HTML和CSS让背景图片既居中又铺满整个屏幕！💡这招特别适合用来设计网站或APP的启动页哦～
首先，在你的HTML文件里创建一个`
`容器，并设置它的样式。记得给这个容器定义一个固定高度（比如`100vh`），让它能撑满整个浏览器窗口。接着，在CSS中加入以下代码：
```css
background-image: url('your-image.jpg');
background-size: cover;
background-position: center;
```
这样设置后，无论用户使用多大的屏幕，图片都会自动调整大小并保持居中！🎉
小提示：如果图片比例与屏幕不同，可能会裁剪部分内容，所以选择合适的素材很重要哦～📸💫
快来试试吧，让你的设计更加专业又美观！💪🔥
免责声明：本文由用户上传，如有侵权请联系删除！