CSS 背景图片铺满浏览器，任何情况下都铺面整个浏览器_CSS学习

来源：网络整理时间：2023/3/4 1:04:23 共 3663 浏览

CSS 背景图片铺满浏览器，拖动、上下拉背景图片不出界，下面分享下CSS：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS 背景图片铺满浏览器，任何情况下都铺面整个浏览器</title>
</head>
<body>
<style>
 body {  
    margin: 0;  
    padding: 0;  
    height: 100%;  
    width: 100%;  
    background-image: url(test.jpg);  
    background-repeat: no-repeat;  
    background-size: cover;  
}
 .login {  
    height: 300px;  
    width: 400px;  
    border: 1px solid #f00;  
    position: absolute;  
    left: 50%;  
    top: 50%;  
    margin: -150px 0 0 -200px;  
}  
</style>
<div class="login"></div><!----红色框---->
</body>
</html>

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：图片居中：任意图片在div里的上下垂直都居中！_CSS学习 | ·下一条：jQuery滚动导航跟随（锚点定位切换）_js/jQuery